Show More
@@ -1,441 +1,446 b'' | |||||
1 | // summary.less |
|
1 | // summary.less | |
2 | // For use in RhodeCode applications; |
|
2 | // For use in RhodeCode applications; | |
3 | // Used for headers and file detail summary screens. |
|
3 | // Used for headers and file detail summary screens. | |
4 |
|
4 | |||
5 | .summary { |
|
5 | .summary { | |
6 | clear: both; |
|
6 | clear: both; | |
7 | float: none; |
|
7 | float: none; | |
8 | position: relative; |
|
8 | position: relative; | |
9 | width: 100%; |
|
9 | width: 100%; | |
10 | margin: 0; |
|
10 | margin: 0; | |
11 | padding: 0; |
|
11 | padding: 0; | |
12 | background: #FCFCFC; |
|
12 | background: #FCFCFC; | |
13 | border: 1px solid #EAEAEA; |
|
13 | border: 1px solid #EAEAEA; | |
14 | border-radius: @border-radius; |
|
14 | border-radius: @border-radius; | |
15 | margin-bottom: 20px; |
|
15 | margin-bottom: 20px; | |
16 |
|
16 | |||
17 | .summary-detail-header { |
|
17 | .summary-detail-header { | |
18 | display: block; |
|
18 | display: block; | |
19 | width: 100%; |
|
19 | width: 100%; | |
20 | margin-bottom: @textmargin; |
|
20 | margin-bottom: @textmargin; | |
21 | padding: 0 0 .5em 0; |
|
21 | padding: 0 0 .5em 0; | |
22 | border-bottom: @border-thickness solid @border-default-color; |
|
22 | border-bottom: @border-thickness solid @border-default-color; | |
23 |
|
23 | |||
24 | .breadcrumbs { |
|
24 | .breadcrumbs { | |
25 | display: inline; |
|
25 | display: inline; | |
26 | margin: 0; |
|
26 | margin: 0; | |
27 | padding: 0; |
|
27 | padding: 0; | |
28 | } |
|
28 | } | |
29 |
|
29 | |||
30 | h4 { |
|
30 | h4 { | |
31 | margin: 0 1em 0 0; |
|
31 | margin: 0 1em 0 0; | |
32 | padding: 0; |
|
32 | padding: 0; | |
33 | line-height: 1.2em; |
|
33 | line-height: 1.2em; | |
34 | font-size: @basefontsize; |
|
34 | font-size: @basefontsize; | |
35 | } |
|
35 | } | |
36 |
|
36 | |||
37 | .action_link { |
|
37 | .action_link { | |
38 | float: right; |
|
38 | float: right; | |
39 | } |
|
39 | } | |
40 |
|
40 | |||
41 | .new-file { |
|
41 | .new-file { | |
42 | float: right; |
|
42 | float: right; | |
43 | margin-top: -1.5em; |
|
43 | margin-top: -1.5em; | |
44 | } |
|
44 | } | |
45 | } |
|
45 | } | |
46 |
|
46 | |||
47 | .summary-detail { |
|
47 | .summary-detail { | |
48 | float: none; |
|
48 | float: none; | |
49 | position: relative; |
|
49 | position: relative; | |
50 | width: 100%; |
|
50 | width: 100%; | |
51 | margin: 0; |
|
51 | margin: 0; | |
52 | padding: 0; |
|
52 | padding: 0; | |
53 |
|
53 | |||
54 | .file_diff_buttons { |
|
54 | .file_diff_buttons { | |
55 | margin-top: @space; |
|
55 | margin-top: @space; | |
56 | } |
|
56 | } | |
57 |
|
57 | |||
58 | // commit message |
|
58 | // commit message | |
59 | .commit { |
|
59 | .commit { | |
60 | white-space: pre-wrap; |
|
60 | white-space: pre-wrap; | |
61 | } |
|
61 | } | |
62 |
|
62 | |||
63 | .left-clone { |
|
63 | .left-clone { | |
64 | float: left; |
|
64 | float: left; | |
65 | height: 30px; |
|
65 | height: 30px; | |
66 | margin: 0; |
|
66 | margin: 0; | |
67 | padding: 0; |
|
67 | padding: 0; | |
68 | width: 130px; |
|
68 | width: 130px; | |
69 | font-weight: @text-semibold-weight; |
|
69 | font-weight: @text-semibold-weight; | |
70 | font-family: @text-semibold; |
|
70 | font-family: @text-semibold; | |
71 | } |
|
71 | } | |
72 | .left-clone select { |
|
72 | .left-clone select { | |
73 | width: 130px; |
|
73 | width: 130px; | |
74 | margin-right: 0; |
|
74 | margin-right: 0; | |
75 | background-color: @grey7; |
|
75 | background-color: @grey7; | |
76 | border-color: @grey4; |
|
76 | border-color: @grey4; | |
77 | color: #5C5C5C; |
|
77 | color: #5C5C5C; | |
78 | border-top-right-radius: 0; |
|
78 | border-top-right-radius: 0; | |
79 | border-bottom-right-radius: 0; |
|
79 | border-bottom-right-radius: 0; | |
80 | } |
|
80 | } | |
81 |
|
81 | |||
82 | .right-clone { |
|
82 | .right-clone { | |
83 | float: left; |
|
83 | float: left; | |
84 | width: ~"calc(100% - 170px)"; |
|
84 | width: ~"calc(100% - 170px)"; | |
85 |
|
85 | |||
86 | .clipboard-action { |
|
86 | .clipboard-action { | |
87 | margin-left: -30px; |
|
87 | margin-left: -30px; | |
88 | } |
|
88 | } | |
89 | } |
|
89 | } | |
90 |
|
90 | |||
91 | .clone_url_input { |
|
91 | .clone_url_input { | |
92 | width: ~"calc(100% - 90px)"; |
|
92 | width: ~"calc(100% - 90px)"; | |
93 | padding: 6px 30px 6px 10px; |
|
93 | padding: 6px 30px 6px 10px; | |
94 | height: 14px; |
|
94 | height: 14px; | |
95 | box-shadow: 0 1px 1px 0 rgba(0,0,0,0.07); |
|
95 | box-shadow: 0 1px 1px 0 rgba(0,0,0,0.07); | |
96 | border-top-left-radius: 0; |
|
96 | border-top-left-radius: 0; | |
97 | border-bottom-left-radius: 0; |
|
97 | border-bottom-left-radius: 0; | |
98 | margin-left: -1px; |
|
98 | margin-left: -1px; | |
99 | } |
|
99 | } | |
100 |
|
100 | |||
101 | &.directory { |
|
101 | &.directory { | |
102 | margin-bottom: 0; |
|
102 | margin-bottom: 0; | |
103 | } |
|
103 | } | |
104 |
|
104 | |||
105 | .desc { |
|
105 | .desc { | |
106 | white-space: pre-wrap; |
|
106 | white-space: pre-wrap; | |
107 | } |
|
107 | } | |
108 | .disabled { |
|
108 | .disabled { | |
109 | opacity: .5; |
|
109 | opacity: .5; | |
110 | cursor: inherit; |
|
110 | cursor: inherit; | |
111 | } |
|
111 | } | |
112 | .help-block { |
|
112 | .help-block { | |
113 | color: inherit; |
|
113 | color: inherit; | |
114 | margin: 0; |
|
114 | margin: 0; | |
115 | } |
|
115 | } | |
116 | } |
|
116 | } | |
117 |
|
117 | |||
118 | .sidebar-right { |
|
118 | .sidebar-right { | |
119 | float: left; |
|
119 | float: left; | |
120 | width: 24%; |
|
120 | width: 24%; | |
121 | margin: 0; |
|
121 | margin: 0; | |
122 | padding: 0; |
|
122 | padding: 0; | |
123 |
|
123 | |||
124 | ul { |
|
124 | ul { | |
125 | margin-left: 0; |
|
125 | margin-left: 0; | |
126 | padding-left: 0; |
|
126 | padding-left: 0; | |
127 |
|
127 | |||
128 | li { |
|
128 | li { | |
129 | list-style-type: none; |
|
129 | list-style-type: none; | |
130 | } |
|
130 | } | |
131 | } |
|
131 | } | |
132 | } |
|
132 | } | |
133 |
|
133 | |||
134 | #clone_by_name, #clone_by_id{ |
|
134 | #clone_by_name, #clone_by_id{ | |
135 | display: inline-block; |
|
135 | display: inline-block; | |
136 | margin-left: 0px; |
|
136 | margin-left: 0px; | |
137 | } |
|
137 | } | |
138 |
|
138 | |||
139 | .codeblock { |
|
139 | .codeblock { | |
140 | border: none; |
|
140 | border: none; | |
141 | background-color: transparent; |
|
141 | background-color: transparent; | |
142 | } |
|
142 | } | |
143 |
|
143 | |||
144 | .code-body { |
|
144 | .code-body { | |
145 | border: @border-thickness solid @border-default-color; |
|
145 | border: @border-thickness solid @border-default-color; | |
146 | .border-radius(@border-radius); |
|
146 | .border-radius(@border-radius); | |
147 | } |
|
147 | } | |
148 |
|
148 | |||
149 | .btn-collapse { |
|
149 | .btn-collapse { | |
150 | clear: both; |
|
150 | clear: both; | |
151 | float: none; |
|
151 | float: none; | |
152 | background: #F7F7F7; |
|
152 | background: #F7F7F7; | |
153 | text-align: center; |
|
153 | text-align: center; | |
154 | color: #949494; |
|
154 | color: #949494; | |
155 | font-size: 11px; |
|
155 | font-size: 11px; | |
156 |
|
156 | |||
157 | &:hover { |
|
157 | &:hover { | |
158 | background: #f1f1f1; |
|
158 | background: #f1f1f1; | |
159 | color: #2B2B2D; |
|
159 | color: #2B2B2D; | |
160 | } |
|
160 | } | |
161 | } |
|
161 | } | |
162 | } |
|
162 | } | |
163 |
|
163 | |||
164 | // this is used outside of just the summary |
|
164 | // this is used outside of just the summary | |
165 | .fieldset, // similar to form fieldset |
|
165 | .fieldset, // similar to form fieldset | |
166 | .summary .sidebar-right-content { // these have to match |
|
166 | .summary .sidebar-right-content { // these have to match | |
167 | clear: both; |
|
167 | clear: both; | |
168 | float: none; |
|
168 | float: none; | |
169 | position: relative; |
|
169 | position: relative; | |
170 | display:block; |
|
170 | display:block; | |
171 | width: 100%; |
|
171 | width: 100%; | |
172 | min-height: 1em; |
|
172 | min-height: 1em; | |
173 | margin-bottom: 10px; |
|
173 | margin-bottom: 10px; | |
174 | padding: 0; |
|
174 | padding: 0; | |
175 | line-height: 1.2em; |
|
175 | line-height: 1.2em; | |
176 |
|
176 | |||
177 | &:after { // clearfix |
|
177 | &:after { // clearfix | |
178 | content: ""; |
|
178 | content: ""; | |
179 | clear: both; |
|
179 | clear: both; | |
180 | width: 100%; |
|
180 | width: 100%; | |
181 | height: 1em; |
|
181 | height: 1em; | |
182 | } |
|
182 | } | |
183 | } |
|
183 | } | |
184 |
|
184 | |||
185 | .summary .sidebar-right-content { |
|
185 | .summary .sidebar-right-content { | |
186 |
margin-bottom: |
|
186 | margin-bottom: 0; | |
187 |
|
187 | |||
188 | .rc-user { |
|
188 | .rc-user { | |
189 | min-width: 0; |
|
189 | min-width: 0; | |
190 | } |
|
190 | } | |
|
191 | ||||
|
192 | li { | |||
|
193 | list-style: none; | |||
|
194 | line-height: normal; | |||
|
195 | } | |||
191 | } |
|
196 | } | |
192 |
|
197 | |||
193 | .summary { |
|
198 | .summary { | |
194 | .fieldset { |
|
199 | .fieldset { | |
195 | margin-bottom: 0; |
|
200 | margin-bottom: 0; | |
196 | } |
|
201 | } | |
197 | } |
|
202 | } | |
198 |
|
203 | |||
199 | .fieldset { |
|
204 | .fieldset { | |
200 |
|
205 | |||
201 | .left-label { // similar to form legend |
|
206 | .left-label { // similar to form legend | |
202 | display: block; |
|
207 | display: block; | |
203 | margin: 0; |
|
208 | margin: 0; | |
204 | padding: 0; |
|
209 | padding: 0; | |
205 | font-weight: @text-semibold-weight; |
|
210 | font-weight: @text-semibold-weight; | |
206 | font-family: @text-semibold; |
|
211 | font-family: @text-semibold; | |
207 | } |
|
212 | } | |
208 |
|
213 | |||
209 | .left-label-summary { |
|
214 | .left-label-summary { | |
210 | padding-left: 20px; |
|
215 | padding-left: 20px; | |
211 | margin-bottom: 5px; |
|
216 | margin-bottom: 5px; | |
212 |
|
217 | |||
213 | p { |
|
218 | p { | |
214 | margin-bottom: 5px; |
|
219 | margin-bottom: 5px; | |
215 | color: @grey1; |
|
220 | color: @grey1; | |
216 | float: left; |
|
221 | float: left; | |
217 | width: 130px; |
|
222 | width: 130px; | |
218 | } |
|
223 | } | |
219 |
|
224 | |||
220 | .right-label-summary { |
|
225 | .right-label-summary { | |
221 | float: left; |
|
226 | float: left; | |
222 | margin-top: 7px; |
|
227 | margin-top: 7px; | |
223 | } |
|
228 | } | |
224 | } |
|
229 | } | |
225 |
|
230 | |||
226 | .left-content { |
|
231 | .left-content { | |
227 | width: ~"calc(60% - 20px)"; |
|
232 | width: ~"calc(60% - 20px)"; | |
228 | float: left; |
|
233 | float: left; | |
229 | margin: 15px 0 15px 20px; |
|
234 | margin: 15px 0 15px 20px; | |
230 |
|
235 | |||
231 | .rc-user { |
|
236 | .rc-user { | |
232 | min-width: auto; |
|
237 | min-width: auto; | |
233 | max-width: none; |
|
238 | max-width: none; | |
234 | min-height: auto; |
|
239 | min-height: auto; | |
235 | padding-right: 5px; |
|
240 | padding-right: 5px; | |
236 | } |
|
241 | } | |
237 |
|
242 | |||
238 | .left-content-avatar { |
|
243 | .left-content-avatar { | |
239 | width: 45px; |
|
244 | width: 45px; | |
240 | float: left; |
|
245 | float: left; | |
241 | margin-top: 8px; |
|
246 | margin-top: 8px; | |
242 | } |
|
247 | } | |
243 |
|
248 | |||
244 | .left-content-message { |
|
249 | .left-content-message { | |
245 | float: left; |
|
250 | float: left; | |
246 | width: ~"calc(100% - 45px)"; |
|
251 | width: ~"calc(100% - 45px)"; | |
247 | } |
|
252 | } | |
248 | } |
|
253 | } | |
249 |
|
254 | |||
250 | .right-content { // similar to form fields |
|
255 | .right-content { // similar to form fields | |
251 | float: left; |
|
256 | float: left; | |
252 | display: block; |
|
257 | display: block; | |
253 | width: ~"calc(40% - 20px)"; |
|
258 | width: ~"calc(40% - 20px)"; | |
254 | text-align: right; |
|
259 | text-align: right; | |
255 | margin: 15px 20px 15px 0; |
|
260 | margin: 15px 20px 15px 0; | |
256 |
|
261 | |||
257 | .truncate-wrap, |
|
262 | .truncate-wrap, | |
258 | .truncate { |
|
263 | .truncate { | |
259 | max-width: 100%; |
|
264 | max-width: 100%; | |
260 | width: 100%; |
|
265 | width: 100%; | |
261 | } |
|
266 | } | |
262 |
|
267 | |||
263 | .commit-long { |
|
268 | .commit-long { | |
264 | overflow-x: auto; |
|
269 | overflow-x: auto; | |
265 | } |
|
270 | } | |
266 |
|
271 | |||
267 | .commit-info { |
|
272 | .commit-info { | |
268 | margin-top: 7px; |
|
273 | margin-top: 7px; | |
269 | } |
|
274 | } | |
270 |
|
275 | |||
271 | .tag, .tagtag, .branchtag, .booktag, .metatag, .perm_tag { |
|
276 | .tag, .tagtag, .branchtag, .booktag, .metatag, .perm_tag { | |
272 | background:transparent; |
|
277 | background:transparent; | |
273 | border: none; |
|
278 | border: none; | |
274 | box-shadow: none; |
|
279 | box-shadow: none; | |
275 | margin-left: 10px; |
|
280 | margin-left: 10px; | |
276 | font-size: 13px; |
|
281 | font-size: 13px; | |
277 | } |
|
282 | } | |
278 |
|
283 | |||
279 | .tag span, .tag i { |
|
284 | .tag span, .tag i { | |
280 | color: @grey1; |
|
285 | color: @grey1; | |
281 | } |
|
286 | } | |
282 | } |
|
287 | } | |
283 | .commit { |
|
288 | .commit { | |
284 | color: @grey1; |
|
289 | color: @grey1; | |
285 | margin-bottom: 5px; |
|
290 | margin-bottom: 5px; | |
286 | white-space: pre; |
|
291 | white-space: pre; | |
287 | } |
|
292 | } | |
288 | .commit.truncate-wrap { |
|
293 | .commit.truncate-wrap { | |
289 | overflow:hidden; |
|
294 | overflow:hidden; | |
290 | text-overflow: ellipsis; |
|
295 | text-overflow: ellipsis; | |
291 | } |
|
296 | } | |
292 | .commit-author { |
|
297 | .commit-author { | |
293 | color: @grey1; |
|
298 | color: @grey1; | |
294 | } |
|
299 | } | |
295 | .commit-date { |
|
300 | .commit-date { | |
296 | color: @grey4; |
|
301 | color: @grey4; | |
297 | } |
|
302 | } | |
298 | } |
|
303 | } | |
299 |
|
304 | |||
300 | // expand commit message |
|
305 | // expand commit message | |
301 | #message_expand { |
|
306 | #message_expand { | |
302 | clear: both; |
|
307 | clear: both; | |
303 | display: block; |
|
308 | display: block; | |
304 | color: @rcblue; |
|
309 | color: @rcblue; | |
305 | cursor: pointer; |
|
310 | cursor: pointer; | |
306 | } |
|
311 | } | |
307 |
|
312 | |||
308 | #trimmed_message_box { |
|
313 | #trimmed_message_box { | |
309 | max-height: floor(2 * @basefontsize * 1.2); // 2 lines * line-height |
|
314 | max-height: floor(2 * @basefontsize * 1.2); // 2 lines * line-height | |
310 | overflow: hidden; |
|
315 | overflow: hidden; | |
311 | } |
|
316 | } | |
312 |
|
317 | |||
313 | // show/hide comments button |
|
318 | // show/hide comments button | |
314 | .show-inline-comments { |
|
319 | .show-inline-comments { | |
315 | display: inline; |
|
320 | display: inline; | |
316 | cursor: pointer; |
|
321 | cursor: pointer; | |
317 |
|
322 | |||
318 | .comments-show { display: inline; } |
|
323 | .comments-show { display: inline; } | |
319 | .comments-hide { display: none; } |
|
324 | .comments-hide { display: none; } | |
320 |
|
325 | |||
321 | &.comments-visible { |
|
326 | &.comments-visible { | |
322 | .comments-show { display: none; } |
|
327 | .comments-show { display: none; } | |
323 | .comments-hide { display: inline; } |
|
328 | .comments-hide { display: inline; } | |
324 | } |
|
329 | } | |
325 | } |
|
330 | } | |
326 |
|
331 | |||
327 | // Quick Start section |
|
332 | // Quick Start section | |
328 |
|
333 | |||
329 | .empty-repo { |
|
334 | .empty-repo { | |
330 | border: 1px solid #EAEAEA; |
|
335 | border: 1px solid #EAEAEA; | |
331 | border-bottom: 0; |
|
336 | border-bottom: 0; | |
332 | border-radius: @border-radius; |
|
337 | border-radius: @border-radius; | |
333 | padding: 0 20px; |
|
338 | padding: 0 20px; | |
334 | } |
|
339 | } | |
335 |
|
340 | |||
336 | .empty-repo h3, .quick_start p { |
|
341 | .empty-repo h3, .quick_start p { | |
337 | margin-bottom: 10px; |
|
342 | margin-bottom: 10px; | |
338 | } |
|
343 | } | |
339 |
|
344 | |||
340 | .quick_start pre { |
|
345 | .quick_start pre { | |
341 | background: #FCFEFF; |
|
346 | background: #FCFEFF; | |
342 | border: 1px solid #CBDBEB; |
|
347 | border: 1px solid #CBDBEB; | |
343 | box-shadow: @button-shadow; |
|
348 | box-shadow: @button-shadow; | |
344 | padding: 10px 15px; |
|
349 | padding: 10px 15px; | |
345 | border-radius: 4px; |
|
350 | border-radius: 4px; | |
346 | color: @grey2; |
|
351 | color: @grey2; | |
347 | } |
|
352 | } | |
348 |
|
353 | |||
349 | .clear-fix { |
|
354 | .clear-fix { | |
350 | clear: both; |
|
355 | clear: both; | |
351 | } |
|
356 | } | |
352 |
|
357 | |||
353 | .quick_start { |
|
358 | .quick_start { | |
354 | display: block; |
|
359 | display: block; | |
355 | position: relative; |
|
360 | position: relative; | |
356 | border: 1px solid #EAEAEA; |
|
361 | border: 1px solid #EAEAEA; | |
357 | border-top: 0; |
|
362 | border-top: 0; | |
358 | border-radius: @border-radius; |
|
363 | border-radius: @border-radius; | |
359 | padding: 0 20px; |
|
364 | padding: 0 20px; | |
360 |
|
365 | |||
361 | // adds some space to make copy and paste easier |
|
366 | // adds some space to make copy and paste easier | |
362 | .left-label, |
|
367 | .left-label, | |
363 | .right-content { |
|
368 | .right-content { | |
364 | line-height: 1.6em; |
|
369 | line-height: 1.6em; | |
365 | } |
|
370 | } | |
366 | } |
|
371 | } | |
367 |
|
372 | |||
368 |
|
373 | |||
369 | .submodule { |
|
374 | .submodule { | |
370 | .summary-detail { |
|
375 | .summary-detail { | |
371 | width: 100%; |
|
376 | width: 100%; | |
372 |
|
377 | |||
373 | .btn-collapse { |
|
378 | .btn-collapse { | |
374 | display: none; |
|
379 | display: none; | |
375 | } |
|
380 | } | |
376 | } |
|
381 | } | |
377 | } |
|
382 | } | |
378 |
|
383 | |||
379 | .codeblock-header { |
|
384 | .codeblock-header { | |
380 | float: left; |
|
385 | float: left; | |
381 | display: block; |
|
386 | display: block; | |
382 | width: 100%; |
|
387 | width: 100%; | |
383 | margin: 0; |
|
388 | margin: 0; | |
384 | padding: @space 0 10px 0; |
|
389 | padding: @space 0 10px 0; | |
385 | border-top: @border-thickness solid @border-default-color; |
|
390 | border-top: @border-thickness solid @border-default-color; | |
386 |
|
391 | |||
387 | .stats { |
|
392 | .stats { | |
388 | float: left; |
|
393 | float: left; | |
389 | } |
|
394 | } | |
390 | .stats-filename { |
|
395 | .stats-filename { | |
391 | font-size: 120%; |
|
396 | font-size: 120%; | |
392 | } |
|
397 | } | |
393 | .stats-first-item { |
|
398 | .stats-first-item { | |
394 | padding: 0px 0px 0px 3px; |
|
399 | padding: 0px 0px 0px 3px; | |
395 | } |
|
400 | } | |
396 |
|
401 | |||
397 | .buttons { |
|
402 | .buttons { | |
398 | float: right; |
|
403 | float: right; | |
399 | text-align: right; |
|
404 | text-align: right; | |
400 | color: @grey4; |
|
405 | color: @grey4; | |
401 | } |
|
406 | } | |
402 |
|
407 | |||
403 | .file-container { |
|
408 | .file-container { | |
404 | display: inline-block; |
|
409 | display: inline-block; | |
405 | width: 100%; |
|
410 | width: 100%; | |
406 | } |
|
411 | } | |
407 |
|
412 | |||
408 | } |
|
413 | } | |
409 |
|
414 | |||
410 | #summary-menu-stats { |
|
415 | #summary-menu-stats { | |
411 |
|
416 | |||
412 | .stats-bullet { |
|
417 | .stats-bullet { | |
413 | color: @grey3; |
|
418 | color: @grey3; | |
414 | min-width: 3em; |
|
419 | min-width: 3em; | |
415 | } |
|
420 | } | |
416 |
|
421 | |||
417 | .repo-size { |
|
422 | .repo-size { | |
418 | margin-bottom: .5em; |
|
423 | margin-bottom: .5em; | |
419 | } |
|
424 | } | |
420 |
|
425 | |||
421 | } |
|
426 | } | |
422 |
|
427 | |||
423 | .rctable.repo_summary { |
|
428 | .rctable.repo_summary { | |
424 | border: 1px solid #eaeaea; |
|
429 | border: 1px solid #eaeaea; | |
425 | border-radius: 2px; |
|
430 | border-radius: 2px; | |
426 | border-collapse: inherit; |
|
431 | border-collapse: inherit; | |
427 | border-bottom: 0; |
|
432 | border-bottom: 0; | |
428 |
|
433 | |||
429 | th { |
|
434 | th { | |
430 | background: @grey7; |
|
435 | background: @grey7; | |
431 | border-bottom: 0; |
|
436 | border-bottom: 0; | |
432 | } |
|
437 | } | |
433 |
|
438 | |||
434 | td { |
|
439 | td { | |
435 | border-color: #eaeaea; |
|
440 | border-color: #eaeaea; | |
436 | } |
|
441 | } | |
437 |
|
442 | |||
438 | td.td-status { |
|
443 | td.td-status { | |
439 | padding: 0 0 0 10px; |
|
444 | padding: 0 0 0 10px; | |
440 | } |
|
445 | } | |
441 | } |
|
446 | } |
@@ -1,31 +1,30 b'' | |||||
1 | <%namespace name="base" file="/base/base.mako"/> |
|
1 | <%namespace name="base" file="/base/base.mako"/> | |
2 |
|
2 | |||
3 | % if c.authors: |
|
3 | % if c.authors: | |
4 | <ul class="sidebar-right-content"> |
|
4 | <ul class="sidebar-right-content"> | |
5 | % for email, user, commits in sorted(c.authors, key=lambda e: c.file_last_commit.author_email!=e[0]): |
|
5 | % for email, user, commits in sorted(c.authors, key=lambda e: c.file_last_commit.author_email!=e[0]): | |
6 | <li class="file_author"> |
|
6 | <li class="file_author"> | |
7 | <div class="tooltip" title="${h.tooltip(h.author_string(email))}"> |
|
7 | <div class="tooltip" title="${h.tooltip(h.author_string(email))}"> | |
8 | ${base.gravatar(email, 16)} |
|
8 | <span class="user commit-author">${h.link_to_user(user)}</span> | |
9 | <div class="user">${h.link_to_user(user)}</div> |
|
|||
10 |
|
9 | |||
11 | % if c.file_author: |
|
10 | % if c.file_author: | |
12 | <span>- ${h.age_component(c.file_last_commit.date)}</span> |
|
11 | <span class="commit-date">- ${h.age_component(c.file_last_commit.date)}</span> | |
13 | % elif c.file_last_commit.author_email==email: |
|
12 | % elif c.file_last_commit.author_email==email: | |
14 | <span> (${_('last author')})</span> |
|
13 | <span> (${_('last author')})</span> | |
15 | % endif |
|
14 | % endif | |
16 |
|
15 | |||
17 | % if not c.file_author: |
|
16 | % if not c.file_author: | |
18 | <span> |
|
17 | <span> | |
19 | % if commits == 1: |
|
18 | % if commits == 1: | |
20 | ${commits} ${_('Commit')} |
|
19 | ${commits} ${_('Commit')} | |
21 | % else: |
|
20 | % else: | |
22 | ${commits} ${_('Commits')} |
|
21 | ${commits} ${_('Commits')} | |
23 | % endif |
|
22 | % endif | |
24 | </span> |
|
23 | </span> | |
25 | % endif |
|
24 | % endif | |
26 |
|
||||
27 | </div> |
|
25 | </div> | |
28 | </li> |
|
26 | </li> | |
29 | % endfor |
|
27 | % endfor | |
30 | </ul> |
|
28 | </ul> | |
31 | % endif |
|
29 | % endif | |
|
30 | <a href="#" id="show_authors" class="action_link">${_('Show All')}</a> |
@@ -1,85 +1,82 b'' | |||||
1 | <%namespace name="base" file="/base/base.mako"/> |
|
1 | <%namespace name="base" file="/base/base.mako"/> | |
2 | <%namespace name="file_base" file="/files/base.mako"/> |
|
2 | <%namespace name="file_base" file="/files/base.mako"/> | |
3 |
|
3 | |||
4 | <div class="fieldset collapsable-content no-hide" data-toggle="summary-details"> |
|
4 | <div class="summary"> | |
5 |
<div class=" |
|
5 | <div class="fieldset"> | |
6 | ${_('Commit Description')}: |
|
6 | <div class="left-content"> | |
7 | </div> |
|
7 | ||
8 | <div class="commit right-content truncate-wrap">${h.urlify_commit_message(h.chop_at_smart(c.commit.message, '\n', suffix_if_chopped='...'), c.repo_name)}</div> |
|
8 | <div class="left-content-avatar"> | |
9 | </div> |
|
9 | ${base.gravatar(c.file_last_commit.author_email, 30)} | |
|
10 | </div> | |||
|
11 | ||||
|
12 | <div class="left-content-message"> | |||
|
13 | <div class="fieldset collapsable-content no-hide" data-toggle="summary-details"> | |||
|
14 | <div class="commit truncate-wrap">${h.urlify_commit_message(h.chop_at_smart(c.commit.message, '\n', suffix_if_chopped='...'), c.repo_name)}</div> | |||
|
15 | </div> | |||
|
16 | ||||
|
17 | <div class="fieldset collapsable-content" data-toggle="summary-details"> | |||
|
18 | <div class="commit">${h.urlify_commit_message(c.commit.message,c.repo_name)}</div> | |||
|
19 | </div> | |||
10 |
|
20 | |||
11 |
<div class="fieldset |
|
21 | <div class="fieldset" data-toggle="summary-details"> | |
12 | <div class="left-label"> |
|
22 | <div class="" id="file_authors"> | |
13 | ${_('Commit Description')}: |
|
23 | ## loads single author, or ALL | |
14 | </div> |
|
24 | <%include file='file_authors_box.mako'/> | |
15 | <div class="commit right-content">${h.urlify_commit_message(c.commit.message,c.repo_name)}</div> |
|
25 | </div> | |
16 | </div> |
|
26 | </div> | |
|
27 | </div> | |||
|
28 | ||||
|
29 | <div class="fieldset collapsable-content" data-toggle="summary-details"> | |||
|
30 | <div class=""> | |||
|
31 | <div class="tags"> | |||
|
32 | ${_('File last commit')} | |||
|
33 | <code><a href="${h.route_path('repo_commit',repo_name=c.repo_name,commit_id=c.file_last_commit.raw_id)}">${h.show_id(c.file_last_commit)}</a></code> | |||
|
34 | ||||
|
35 | ${file_base.refs(c.file_last_commit)} | |||
|
36 | </div> | |||
|
37 | </div> | |||
|
38 | </div> | |||
17 |
|
39 | |||
18 |
|
40 | |||
19 | <div class="fieldset " data-toggle="summary-details"> |
|
41 | <div class="fieldset collapsable-content" data-toggle="summary-details"> | |
20 |
<div class=" |
|
42 | <div class=""> | |
21 | ${_('References')}: |
|
43 | ${_('Show/Diff file')} | |
22 | </div> |
|
44 | ${h.hidden('diff1')} | |
23 | <div class="right-content"> |
|
45 | ${h.hidden('diff2',c.commit.raw_id)} | |
24 | <div class="tags tags-main"> |
|
46 | ${h.hidden('annotate', c.annotate)} | |
25 | <code><a href="${h.route_path('repo_commit',repo_name=c.repo_name,commit_id=c.commit.raw_id)}">${h.show_id(c.commit)}</a></code> |
|
47 | </div> | |
26 | ${file_base.refs(c.commit)} |
|
48 | </div> | |
|
49 | ||||
|
50 | ||||
|
51 | <div class="fieldset collapsable-content" data-toggle="summary-details"> | |||
|
52 | <div class=""> | |||
|
53 | ${_('Action')}: | |||
|
54 | </div> | |||
|
55 | <div class=""> | |||
|
56 | ${h.submit('diff_to_commit',_('Diff to Commit'),class_="btn disabled",disabled="true")} | |||
|
57 | ${h.submit('show_at_commit',_('Show at Commit'),class_="btn disabled",disabled="true")} | |||
|
58 | </div> | |||
|
59 | </div> | |||
27 | </div> |
|
60 | </div> | |
28 | </div> |
|
|||
29 | </div> |
|
|||
30 |
|
61 | |||
31 | <div class="fieldset collapsable-content" data-toggle="summary-details"> |
|
62 | <div class="right-content"> | |
32 | <div class="left-label"> |
|
63 | <div data-toggle="summary-details"> | |
33 | ${_('File last commit')}: |
|
64 | <div class="tags commit-info tags-main"> | |
34 | </div> |
|
65 | <code><a href="${h.route_path('repo_commit',repo_name=c.repo_name,commit_id=c.commit.raw_id)}">${h.show_id(c.commit)}</a></code> | |
35 | <div class="right-content"> |
|
66 | ${file_base.refs(c.commit)} | |
36 | <div class="tags"> |
|
67 | </div> | |
37 | <code><a href="${h.route_path('repo_commit',repo_name=c.repo_name,commit_id=c.file_last_commit.raw_id)}">${h.show_id(c.file_last_commit)}</a></code> |
|
68 | </div> | |
|
69 | </div> | |||
38 |
|
70 | |||
39 | ${file_base.refs(c.file_last_commit)} |
|
71 | <div class="clear-fix"></div> | |
|
72 | ||||
|
73 | <div class="btn-collapse" data-toggle="summary-details"> | |||
|
74 | ${_('Show More')} | |||
40 | </div> |
|
75 | </div> | |
|
76 | ||||
41 | </div> |
|
77 | </div> | |
42 | </div> |
|
78 | </div> | |
43 |
|
79 | |||
44 |
|
||||
45 | <div class="fieldset collapsable-content" data-toggle="summary-details"> |
|
|||
46 | <div class="left-label"> |
|
|||
47 | ${_('Show/Diff file')}: |
|
|||
48 | </div> |
|
|||
49 | <div class="right-content"> |
|
|||
50 | ${h.hidden('diff1')} |
|
|||
51 | ${h.hidden('diff2',c.commit.raw_id)} |
|
|||
52 | ${h.hidden('annotate', c.annotate)} |
|
|||
53 | </div> |
|
|||
54 | </div> |
|
|||
55 |
|
||||
56 |
|
||||
57 | <div class="fieldset collapsable-content" data-toggle="summary-details"> |
|
|||
58 | <div class="left-label"> |
|
|||
59 | ${_('Action')}: |
|
|||
60 | </div> |
|
|||
61 | <div class="right-content"> |
|
|||
62 | ${h.submit('diff_to_commit',_('Diff to Commit'),class_="btn disabled",disabled="true")} |
|
|||
63 | ${h.submit('show_at_commit',_('Show at Commit'),class_="btn disabled",disabled="true")} |
|
|||
64 | </div> |
|
|||
65 | </div> |
|
|||
66 |
|
||||
67 | <div class="fieldset collapsable-content" data-toggle="summary-details"> |
|
|||
68 | <div class="left-label" id="file_authors_title"> |
|
|||
69 | % if c.file_author: |
|
|||
70 | ${_('Last Author')} |
|
|||
71 | % else: |
|
|||
72 | ${h.literal(_ungettext(u'File Author (%s)',u'File Authors (%s)',len(c.authors)) % ('<b>%s</b>' % len(c.authors))) } |
|
|||
73 | % endif |
|
|||
74 | <a href="#" id="show_authors" class="action_link">${_('Show All')}</a> |
|
|||
75 | </div> |
|
|||
76 | <div class="right-content" id="file_authors"> |
|
|||
77 | ## loads single author, or ALL |
|
|||
78 | <%include file='file_authors_box.mako'/> |
|
|||
79 | </div> |
|
|||
80 | </div> |
|
|||
81 |
|
||||
82 |
|
||||
83 | <script> |
|
80 | <script> | |
84 | collapsableContent(); |
|
81 | collapsableContent(); | |
85 | </script> |
|
82 | </script> |
@@ -1,46 +1,46 b'' | |||||
1 | <%namespace name="base" file="/base/base.mako"/> |
|
1 | <%namespace name="base" file="/base/base.mako"/> | |
2 | <%namespace name="file_base" file="/files/base.mako"/> |
|
2 | <%namespace name="file_base" file="/files/base.mako"/> | |
3 |
|
3 | |||
4 | <div class="summary"> |
|
4 | <div class="summary"> | |
5 | <div class="fieldset"> |
|
5 | <div class="fieldset"> | |
6 | <div class="left-content"> |
|
6 | <div class="left-content"> | |
7 |
|
7 | |||
8 | <div class="left-content-avatar"> |
|
8 | <div class="left-content-avatar"> | |
9 | ${base.gravatar(c.commit.author, 30)} |
|
9 | ${base.gravatar(c.commit.author, 30)} | |
10 | </div> |
|
10 | </div> | |
11 |
|
11 | |||
12 | <div class="left-content-message"> |
|
12 | <div class="left-content-message"> | |
13 | <div class="fieldset collapsable-content no-hide" data-toggle="summary-details"> |
|
13 | <div class="fieldset collapsable-content no-hide" data-toggle="summary-details"> | |
14 | <div class="commit truncate-wrap">${h.urlify_commit_message(h.chop_at_smart(c.commit.message, '\n', suffix_if_chopped='...'), c.repo_name)}</div> |
|
14 | <div class="commit truncate-wrap">${h.urlify_commit_message(h.chop_at_smart(c.commit.message, '\n', suffix_if_chopped='...'), c.repo_name)}</div> | |
15 | </div> |
|
15 | </div> | |
16 |
|
16 | |||
17 | <div class="fieldset collapsable-content" data-toggle="summary-details"> |
|
17 | <div class="fieldset collapsable-content" data-toggle="summary-details"> | |
18 | <div class="commit">${h.urlify_commit_message(c.commit.message,c.repo_name)}</div> |
|
18 | <div class="commit">${h.urlify_commit_message(c.commit.message,c.repo_name)}</div> | |
19 | </div> |
|
19 | </div> | |
20 |
|
20 | |||
21 | <div class="clear-fix"> |
|
21 | <div class="clear-fix"> | |
22 | <span class="commit-author">${h.link_to_user(c.commit.author)}</span><span class="commit-date">-${h.age_component(c.commit.date)}</span> |
|
22 | <span class="commit-author">${h.link_to_user(c.commit.author)}</span><span class="commit-date"> - ${h.age_component(c.commit.date)}</span> | |
23 | </div> |
|
23 | </div> | |
24 | </div> |
|
24 | </div> | |
25 | </div> |
|
25 | </div> | |
26 |
|
26 | |||
27 | <div class="right-content"> |
|
27 | <div class="right-content"> | |
28 | <div class="tags commit-info"> |
|
28 | <div class="tags commit-info"> | |
29 | <code> |
|
29 | <code> | |
30 | <a href="${h.route_path('repo_commit',repo_name=c.repo_name,commit_id=c.commit.raw_id)}">${h.show_id(c.commit)}</a> |
|
30 | <a href="${h.route_path('repo_commit',repo_name=c.repo_name,commit_id=c.commit.raw_id)}">${h.show_id(c.commit)}</a> | |
31 | </code> |
|
31 | </code> | |
32 |
|
32 | |||
33 | ${file_base.refs(c.commit)} |
|
33 | ${file_base.refs(c.commit)} | |
34 | </div> |
|
34 | </div> | |
35 | </div> |
|
35 | </div> | |
36 | <div class="clear-fix"> |
|
36 | ||
37 | </div> |
|
37 | <div class="clear-fix"></div> | |
38 |
|
38 | |||
39 |
|
39 | <div class="btn-collapse" data-toggle="summary-details"> | ||
40 | <div class="btn-collapse" data-toggle="summary-details"> |
|
40 | ${_('Show More')} | |
41 | ${_('Show More')} |
|
41 | </div> | |
42 | </div> |
|
42 | </div> | |
43 | </div> |
|
43 | </div> | |
44 | <script> |
|
44 | <script> | |
45 | collapsableContent(); |
|
45 | collapsableContent(); | |
46 | </script> |
|
46 | </script> |
General Comments 0
You need to be logged in to leave comments.
Login now