Show More
@@ -1,526 +1,521 b'' | |||||
1 |
|
1 | |||
2 | // tables.less |
|
2 | // tables.less | |
3 | // For use in RhodeCode application tables; |
|
3 | // For use in RhodeCode application tables; | |
4 | // see style guide documentation for guidelines. |
|
4 | // see style guide documentation for guidelines. | |
5 |
|
5 | |||
6 | // TABLES |
|
6 | // TABLES | |
7 |
|
7 | |||
8 | .rctable, |
|
8 | .rctable, | |
9 | table.rctable, |
|
9 | table.rctable, | |
10 | table.dataTable { |
|
10 | table.dataTable { | |
11 | clear:both; |
|
11 | clear:both; | |
12 | width: 100%; |
|
12 | width: 100%; | |
13 | margin: 0 auto @padding; |
|
13 | margin: 0 auto @padding; | |
14 | padding: 0; |
|
14 | padding: 0; | |
15 | vertical-align: baseline; |
|
15 | vertical-align: baseline; | |
16 | line-height:1.5em; |
|
16 | line-height:1.5em; | |
17 | border: none; |
|
17 | border: none; | |
18 | outline: none; |
|
18 | outline: none; | |
19 | border-collapse: collapse; |
|
19 | border-collapse: collapse; | |
20 | border-spacing: 0; |
|
20 | border-spacing: 0; | |
21 | color: @grey2; |
|
21 | color: @grey2; | |
22 |
|
22 | |||
23 | b { |
|
23 | b { | |
24 | font-weight: normal; |
|
24 | font-weight: normal; | |
25 | } |
|
25 | } | |
26 |
|
26 | |||
27 | em { |
|
27 | em { | |
28 | font-weight: bold; |
|
28 | font-weight: bold; | |
29 | font-style: normal; |
|
29 | font-style: normal; | |
30 | } |
|
30 | } | |
31 |
|
31 | |||
32 | th, |
|
32 | th, | |
33 | td { |
|
33 | td { | |
34 | height: auto; |
|
34 | height: auto; | |
35 | max-width: 20%; |
|
35 | max-width: 20%; | |
36 | padding: .65em 1em .65em 0; |
|
36 | padding: .65em 1em .65em 0; | |
37 | vertical-align: middle; |
|
37 | vertical-align: middle; | |
38 | border-bottom: @border-thickness solid @grey5; |
|
38 | border-bottom: @border-thickness solid @grey5; | |
39 | white-space: normal; |
|
39 | white-space: normal; | |
40 |
|
40 | |||
41 | &.td-radio, |
|
41 | &.td-radio, | |
42 | &.td-checkbox { |
|
42 | &.td-checkbox { | |
43 | padding-right: 0; |
|
43 | padding-right: 0; | |
44 | text-align: center; |
|
44 | text-align: center; | |
45 |
|
45 | |||
46 | input { |
|
46 | input { | |
47 | margin: 0 1em; |
|
47 | margin: 0 1em; | |
48 | } |
|
48 | } | |
49 | } |
|
49 | } | |
50 |
|
50 | |||
51 | &.truncate-wrap { |
|
51 | &.truncate-wrap { | |
52 | white-space: nowrap !important; |
|
52 | white-space: nowrap !important; | |
53 | } |
|
53 | } | |
54 |
|
54 | |||
55 | pre { |
|
55 | pre { | |
56 | margin: 0; |
|
56 | margin: 0; | |
57 | } |
|
57 | } | |
58 |
|
58 | |||
59 | .show_more { |
|
59 | .show_more { | |
60 | height: inherit; |
|
60 | height: inherit; | |
61 | } |
|
61 | } | |
62 | } |
|
62 | } | |
63 |
|
63 | |||
64 | .expired td { |
|
64 | .expired td { | |
65 | background-color: @grey7; |
|
65 | background-color: @grey7; | |
66 | } |
|
66 | } | |
67 |
|
67 | |||
68 | .td-radio + .td-owner { |
|
68 | .td-radio + .td-owner { | |
69 | padding-left: 1em; |
|
69 | padding-left: 1em; | |
70 | } |
|
70 | } | |
71 |
|
71 | |||
72 |
|
72 | |||
73 | th { |
|
73 | th { | |
74 | text-align: left; |
|
74 | text-align: left; | |
75 | font-family: @text-semibold; |
|
75 | font-family: @text-semibold; | |
76 | } |
|
76 | } | |
77 |
|
77 | |||
78 | .hl { |
|
78 | .hl { | |
79 | td { |
|
79 | td { | |
80 | background-color: lighten(@alert4,25%); |
|
80 | background-color: lighten(@alert4,25%); | |
81 | } |
|
81 | } | |
82 | } |
|
82 | } | |
83 |
|
83 | |||
84 | // Special Data Cell Types |
|
84 | // Special Data Cell Types | |
85 | // See style guide for desciptions and examples. |
|
85 | // See style guide for desciptions and examples. | |
86 |
|
86 | |||
87 | td { |
|
87 | td { | |
88 |
|
88 | |||
89 | &.user { |
|
89 | &.user { | |
90 | padding-left: 1em; |
|
90 | padding-left: 1em; | |
91 | } |
|
91 | } | |
92 |
|
92 | |||
93 | &.td-rss { |
|
93 | &.td-rss { | |
94 | width: 20px; |
|
94 | width: 20px; | |
95 | min-width: 0; |
|
95 | min-width: 0; | |
96 | margin: 0; |
|
96 | margin: 0; | |
97 | } |
|
97 | } | |
98 |
|
98 | |||
99 | &.quick_repo_menu { |
|
99 | &.quick_repo_menu { | |
100 | width: 15px; |
|
100 | width: 15px; | |
101 | text-align: center; |
|
101 | text-align: center; | |
102 |
|
102 | |||
103 | &:hover { |
|
103 | &:hover { | |
104 | background-color: @grey5; |
|
104 | background-color: @grey5; | |
105 | } |
|
105 | } | |
106 | } |
|
106 | } | |
107 |
|
107 | |||
108 | &.td-hash { |
|
108 | &.td-hash { | |
109 | min-width: 80px; |
|
109 | min-width: 80px; | |
110 | width: 200px; |
|
110 | width: 200px; | |
111 | } |
|
111 | } | |
112 |
|
112 | |||
113 | &.td-time { |
|
113 | &.td-time { | |
114 | width: 160px; |
|
114 | width: 160px; | |
115 | white-space: nowrap; |
|
115 | white-space: nowrap; | |
116 | } |
|
116 | } | |
117 |
|
117 | |||
118 | &.annotate{ |
|
118 | &.annotate{ | |
119 | padding-right: 0; |
|
119 | padding-right: 0; | |
120 |
|
120 | |||
121 | div.annotatediv{ |
|
121 | div.annotatediv{ | |
122 | margin: 0 0.7em; |
|
122 | margin: 0 0.7em; | |
123 | } |
|
123 | } | |
124 | } |
|
124 | } | |
125 |
|
125 | |||
126 | &.td-gravatar { |
|
|||
127 | width: 16px; |
|
|||
128 | padding: 0 5px; |
|
|||
129 | } |
|
|||
130 |
|
||||
131 | &.tags-col { |
|
126 | &.tags-col { | |
132 | padding-right: 0; |
|
127 | padding-right: 0; | |
133 | } |
|
128 | } | |
134 |
|
129 | |||
135 | &.td-description { |
|
130 | &.td-description { | |
136 | min-width: 350px; |
|
131 | min-width: 350px; | |
137 | } |
|
132 | } | |
138 |
|
133 | |||
139 | &.td-componentname { |
|
134 | &.td-componentname { | |
140 | white-space: nowrap; |
|
135 | white-space: nowrap; | |
141 | } |
|
136 | } | |
142 |
|
137 | |||
143 | &.td-journalaction { |
|
138 | &.td-journalaction { | |
144 | min-width: 300px; |
|
139 | min-width: 300px; | |
145 |
|
140 | |||
146 | .journal_action_params { |
|
141 | .journal_action_params { | |
147 | // waiting for feedback |
|
142 | // waiting for feedback | |
148 | } |
|
143 | } | |
149 | } |
|
144 | } | |
150 |
|
145 | |||
151 | &.td-active { |
|
146 | &.td-active { | |
152 | padding-left: .65em; |
|
147 | padding-left: .65em; | |
153 | } |
|
148 | } | |
154 |
|
149 | |||
155 | &.td-url { |
|
150 | &.td-url { | |
156 | white-space: nowrap; |
|
151 | white-space: nowrap; | |
157 | } |
|
152 | } | |
158 |
|
153 | |||
159 | &.td-comments { |
|
154 | &.td-comments { | |
160 | min-width: 3em; |
|
155 | min-width: 3em; | |
161 | } |
|
156 | } | |
162 |
|
157 | |||
163 | &.td-buttons { |
|
158 | &.td-buttons { | |
164 | padding: .3em 0; |
|
159 | padding: .3em 0; | |
165 | } |
|
160 | } | |
166 |
|
161 | |||
167 | &.td-action { |
|
162 | &.td-action { | |
168 | // this is for the remove/delete/edit buttons |
|
163 | // this is for the remove/delete/edit buttons | |
169 | padding-right: 0; |
|
164 | padding-right: 0; | |
170 | min-width: 95px; |
|
165 | min-width: 95px; | |
171 | text-transform: capitalize; |
|
166 | text-transform: capitalize; | |
172 |
|
167 | |||
173 | i { |
|
168 | i { | |
174 | display: none; |
|
169 | display: none; | |
175 | } |
|
170 | } | |
176 | } |
|
171 | } | |
177 |
|
172 | |||
178 | // TODO: lisa: this needs to be cleaned up with the buttons |
|
173 | // TODO: lisa: this needs to be cleaned up with the buttons | |
179 | .grid_edit, |
|
174 | .grid_edit, | |
180 | .grid_delete { |
|
175 | .grid_delete { | |
181 | display: inline-block; |
|
176 | display: inline-block; | |
182 | margin: 0 @padding/3 0 0; |
|
177 | margin: 0 @padding/3 0 0; | |
183 | font-family: @text-light; |
|
178 | font-family: @text-light; | |
184 |
|
179 | |||
185 | i { |
|
180 | i { | |
186 | display: none; |
|
181 | display: none; | |
187 | } |
|
182 | } | |
188 | } |
|
183 | } | |
189 |
|
184 | |||
190 | .grid_edit + .grid_delete { |
|
185 | .grid_edit + .grid_delete { | |
191 | border-left: @border-thickness solid @grey5; |
|
186 | border-left: @border-thickness solid @grey5; | |
192 | padding-left: @padding/2; |
|
187 | padding-left: @padding/2; | |
193 | } |
|
188 | } | |
194 |
|
189 | |||
195 | &.td-compare { |
|
190 | &.td-compare { | |
196 |
|
191 | |||
197 | input { |
|
192 | input { | |
198 | margin-right: 1em; |
|
193 | margin-right: 1em; | |
199 | } |
|
194 | } | |
200 |
|
195 | |||
201 | .compare-radio-button { |
|
196 | .compare-radio-button { | |
202 | margin: 0 1em 0 0; |
|
197 | margin: 0 1em 0 0; | |
203 | } |
|
198 | } | |
204 |
|
199 | |||
205 |
|
200 | |||
206 | } |
|
201 | } | |
207 |
|
202 | |||
208 | &.td-tags { |
|
203 | &.td-tags { | |
209 | padding: .5em 1em .5em 0; |
|
204 | padding: .5em 1em .5em 0; | |
210 |
|
205 | |||
211 | .tag { |
|
206 | .tag { | |
212 | margin: 1px; |
|
207 | margin: 1px; | |
213 | } |
|
208 | } | |
214 | } |
|
209 | } | |
215 |
|
210 | |||
216 | .icon-svn, .icon-hg, .icon-git { |
|
211 | .icon-svn, .icon-hg, .icon-git { | |
217 | font-size: 1.4em; |
|
212 | font-size: 1.4em; | |
218 | } |
|
213 | } | |
219 |
|
214 | |||
220 | &.collapse_commit, |
|
215 | &.collapse_commit, | |
221 | &.expand_commit { |
|
216 | &.expand_commit { | |
222 | padding-right: 0; |
|
217 | padding-right: 0; | |
223 | padding-left: 1em; |
|
218 | padding-left: 1em; | |
224 | } |
|
219 | } | |
225 | } |
|
220 | } | |
226 |
|
221 | |||
227 | .perm_admin_row { |
|
222 | .perm_admin_row { | |
228 | color: @grey4; |
|
223 | color: @grey4; | |
229 | background-color: @grey6; |
|
224 | background-color: @grey6; | |
230 | } |
|
225 | } | |
231 |
|
226 | |||
232 | .noborder { |
|
227 | .noborder { | |
233 | border: none; |
|
228 | border: none; | |
234 |
|
229 | |||
235 | td { |
|
230 | td { | |
236 | border: none; |
|
231 | border: none; | |
237 | } |
|
232 | } | |
238 | } |
|
233 | } | |
239 | } |
|
234 | } | |
240 |
|
235 | |||
241 | // TRUNCATING |
|
236 | // TRUNCATING | |
242 | // TODO: lisaq: should this possibly be moved out of tables.less? |
|
237 | // TODO: lisaq: should this possibly be moved out of tables.less? | |
243 | // for truncated text |
|
238 | // for truncated text | |
244 | // used inside of table cells and in code block headers |
|
239 | // used inside of table cells and in code block headers | |
245 | .truncate-wrap { |
|
240 | .truncate-wrap { | |
246 | white-space: nowrap !important; |
|
241 | white-space: nowrap !important; | |
247 |
|
242 | |||
248 | //truncated text |
|
243 | //truncated text | |
249 | .truncate { |
|
244 | .truncate { | |
250 | max-width: 450px; |
|
245 | max-width: 450px; | |
251 | width: 300px; |
|
246 | width: 300px; | |
252 | overflow: hidden; |
|
247 | overflow: hidden; | |
253 | text-overflow: ellipsis; |
|
248 | text-overflow: ellipsis; | |
254 | -o-text-overflow: ellipsis; |
|
249 | -o-text-overflow: ellipsis; | |
255 | -ms-text-overflow: ellipsis; |
|
250 | -ms-text-overflow: ellipsis; | |
256 |
|
251 | |||
257 | &.autoexpand { |
|
252 | &.autoexpand { | |
258 | width: 120px; |
|
253 | width: 120px; | |
259 | margin-right: 200px; |
|
254 | margin-right: 200px; | |
260 | } |
|
255 | } | |
261 | } |
|
256 | } | |
262 | &:hover .truncate.autoexpand { |
|
257 | &:hover .truncate.autoexpand { | |
263 | overflow: visible; |
|
258 | overflow: visible; | |
264 | } |
|
259 | } | |
265 |
|
260 | |||
266 | .tags-truncate { |
|
261 | .tags-truncate { | |
267 | width: 150px; |
|
262 | width: 150px; | |
268 | height: 22px; |
|
263 | height: 22px; | |
269 | overflow: hidden; |
|
264 | overflow: hidden; | |
270 |
|
265 | |||
271 | .tag { |
|
266 | .tag { | |
272 | display: inline-block; |
|
267 | display: inline-block; | |
273 | } |
|
268 | } | |
274 |
|
269 | |||
275 | &.truncate { |
|
270 | &.truncate { | |
276 | height: 22px; |
|
271 | height: 22px; | |
277 | max-height:2em; |
|
272 | max-height:2em; | |
278 | width: 140px; |
|
273 | width: 140px; | |
279 | } |
|
274 | } | |
280 | } |
|
275 | } | |
281 | } |
|
276 | } | |
282 |
|
277 | |||
283 | .apikeys_wrap { |
|
278 | .apikeys_wrap { | |
284 | margin-bottom: @padding; |
|
279 | margin-bottom: @padding; | |
285 |
|
280 | |||
286 | table.rctable td:first-child { |
|
281 | table.rctable td:first-child { | |
287 | width: 340px; |
|
282 | width: 340px; | |
288 | } |
|
283 | } | |
289 | } |
|
284 | } | |
290 |
|
285 | |||
291 |
|
286 | |||
292 |
|
287 | |||
293 | // SPECIAL CASES |
|
288 | // SPECIAL CASES | |
294 |
|
289 | |||
295 | // Repository Followers |
|
290 | // Repository Followers | |
296 | table.rctable.followers_data { |
|
291 | table.rctable.followers_data { | |
297 | width: 75%; |
|
292 | width: 75%; | |
298 | margin: 0; |
|
293 | margin: 0; | |
299 | } |
|
294 | } | |
300 |
|
295 | |||
301 | // Repository List |
|
296 | // Repository List | |
302 | // Group Members List |
|
297 | // Group Members List | |
303 | table.rctable.group_members, |
|
298 | table.rctable.group_members, | |
304 | table#repo_list_table { |
|
299 | table#repo_list_table { | |
305 | min-width: 600px; |
|
300 | min-width: 600px; | |
306 | } |
|
301 | } | |
307 |
|
302 | |||
308 | // Keyboard mappings |
|
303 | // Keyboard mappings | |
309 | table.keyboard-mappings { |
|
304 | table.keyboard-mappings { | |
310 | th { |
|
305 | th { | |
311 | text-align: left; |
|
306 | text-align: left; | |
312 | font-family: @text-semibold; |
|
307 | font-family: @text-semibold; | |
313 | } |
|
308 | } | |
314 | } |
|
309 | } | |
315 |
|
310 | |||
316 | // Branches, Tags, and Bookmarks |
|
311 | // Branches, Tags, and Bookmarks | |
317 | #obj_list_table.dataTable { |
|
312 | #obj_list_table.dataTable { | |
318 | td.td-time { |
|
313 | td.td-time { | |
319 | padding-right: 1em; |
|
314 | padding-right: 1em; | |
320 | } |
|
315 | } | |
321 | } |
|
316 | } | |
322 |
|
317 | |||
323 | // User Admin |
|
318 | // User Admin | |
324 | .rctable.useremails, |
|
319 | .rctable.useremails, | |
325 | .rctable.account_emails { |
|
320 | .rctable.account_emails { | |
326 | .tag, |
|
321 | .tag, | |
327 | .btn { |
|
322 | .btn { | |
328 | float: right; |
|
323 | float: right; | |
329 | } |
|
324 | } | |
330 | .btn { //to line up with tags |
|
325 | .btn { //to line up with tags | |
331 | margin-right: 1.65em; |
|
326 | margin-right: 1.65em; | |
332 | } |
|
327 | } | |
333 | } |
|
328 | } | |
334 |
|
329 | |||
335 | // User List |
|
330 | // User List | |
336 | #user_list_table { |
|
331 | #user_list_table { | |
337 |
|
332 | |||
338 | td.td-user { |
|
333 | td.td-user { | |
339 | min-width: 100px; |
|
334 | min-width: 100px; | |
340 | } |
|
335 | } | |
341 | } |
|
336 | } | |
342 |
|
337 | |||
343 | // Pull Request List Table |
|
338 | // Pull Request List Table | |
344 | #pull_request_list_table.dataTable { |
|
339 | #pull_request_list_table.dataTable { | |
345 |
|
340 | |||
346 | //TODO: lisa: This needs to be removed once the description is adjusted |
|
341 | //TODO: lisa: This needs to be removed once the description is adjusted | |
347 | // for using an expand_commit button (see issue 765) |
|
342 | // for using an expand_commit button (see issue 765) | |
348 | td { |
|
343 | td { | |
349 | vertical-align: middle; |
|
344 | vertical-align: middle; | |
350 | } |
|
345 | } | |
351 | } |
|
346 | } | |
352 |
|
347 | |||
353 | // Settings (no border) |
|
348 | // Settings (no border) | |
354 | table.rctable.dl-settings { |
|
349 | table.rctable.dl-settings { | |
355 | td { |
|
350 | td { | |
356 | border: none; |
|
351 | border: none; | |
357 | } |
|
352 | } | |
358 | } |
|
353 | } | |
359 |
|
354 | |||
360 |
|
355 | |||
361 | // Statistics |
|
356 | // Statistics | |
362 | table.trending_language_tbl { |
|
357 | table.trending_language_tbl { | |
363 | width: 100%; |
|
358 | width: 100%; | |
364 | line-height: 1em; |
|
359 | line-height: 1em; | |
365 |
|
360 | |||
366 | td div { |
|
361 | td div { | |
367 | overflow: visible; |
|
362 | overflow: visible; | |
368 | } |
|
363 | } | |
369 | } |
|
364 | } | |
370 |
|
365 | |||
371 | .trending_language_tbl, .trending_language_tbl td { |
|
366 | .trending_language_tbl, .trending_language_tbl td { | |
372 | border: 0; |
|
367 | border: 0; | |
373 | margin: 0; |
|
368 | margin: 0; | |
374 | padding: 0; |
|
369 | padding: 0; | |
375 | background: transparent; |
|
370 | background: transparent; | |
376 | } |
|
371 | } | |
377 |
|
372 | |||
378 | .trending_language_tbl, .trending_language_tbl tr { |
|
373 | .trending_language_tbl, .trending_language_tbl tr { | |
379 | border-spacing: 0 3px; |
|
374 | border-spacing: 0 3px; | |
380 | } |
|
375 | } | |
381 |
|
376 | |||
382 | .trending_language { |
|
377 | .trending_language { | |
383 | position: relative; |
|
378 | position: relative; | |
384 | width: 100%; |
|
379 | width: 100%; | |
385 | height: 19px; |
|
380 | height: 19px; | |
386 | overflow: hidden; |
|
381 | overflow: hidden; | |
387 | background-color: @grey6; |
|
382 | background-color: @grey6; | |
388 |
|
383 | |||
389 | span, b{ |
|
384 | span, b{ | |
390 | position: absolute; |
|
385 | position: absolute; | |
391 | display: block; |
|
386 | display: block; | |
392 | height: 12px; |
|
387 | height: 12px; | |
393 | margin-bottom: 0px; |
|
388 | margin-bottom: 0px; | |
394 | white-space: pre; |
|
389 | white-space: pre; | |
395 | padding: floor(@basefontsize/4); |
|
390 | padding: floor(@basefontsize/4); | |
396 | top: 0; |
|
391 | top: 0; | |
397 | left: 0; |
|
392 | left: 0; | |
398 | } |
|
393 | } | |
399 |
|
394 | |||
400 | span{ |
|
395 | span{ | |
401 | color: @text-color; |
|
396 | color: @text-color; | |
402 | z-index: 0; |
|
397 | z-index: 0; | |
403 | min-width: 20px; |
|
398 | min-width: 20px; | |
404 | } |
|
399 | } | |
405 |
|
400 | |||
406 | b { |
|
401 | b { | |
407 | z-index: 1; |
|
402 | z-index: 1; | |
408 | overflow: hidden; |
|
403 | overflow: hidden; | |
409 | background-color: @rcblue; |
|
404 | background-color: @rcblue; | |
410 | color: #FFF; |
|
405 | color: #FFF; | |
411 | text-decoration: none; |
|
406 | text-decoration: none; | |
412 | } |
|
407 | } | |
413 |
|
408 | |||
414 | } |
|
409 | } | |
415 |
|
410 | |||
416 | // Changesets |
|
411 | // Changesets | |
417 | #changesets.rctable { |
|
412 | #changesets.rctable { | |
418 |
|
413 | |||
419 | // td must be fixed height for graph |
|
414 | // td must be fixed height for graph | |
420 | td { |
|
415 | td { | |
421 | height: 32px; |
|
416 | height: 32px; | |
422 | padding: 0 1em 0 0; |
|
417 | padding: 0 1em 0 0; | |
423 | vertical-align: middle; |
|
418 | vertical-align: middle; | |
424 | white-space: nowrap; |
|
419 | white-space: nowrap; | |
425 |
|
420 | |||
426 | &.td-description { |
|
421 | &.td-description { | |
427 | white-space: normal; |
|
422 | white-space: normal; | |
428 | } |
|
423 | } | |
429 |
|
424 | |||
430 | &.expand_commit { |
|
425 | &.expand_commit { | |
431 | padding-right: 0; |
|
426 | padding-right: 0; | |
432 | } |
|
427 | } | |
433 | } |
|
428 | } | |
434 | } |
|
429 | } | |
435 |
|
430 | |||
436 | // Compare |
|
431 | // Compare | |
437 | table.compare_view_commits { |
|
432 | table.compare_view_commits { | |
438 | margin-top: @space; |
|
433 | margin-top: @space; | |
439 |
|
434 | |||
440 | td.td-time { |
|
435 | td.td-time { | |
441 | padding-left: .5em; |
|
436 | padding-left: .5em; | |
442 | } |
|
437 | } | |
443 |
|
438 | |||
444 | tr:hover { |
|
439 | tr:hover { | |
445 | cursor: pointer; |
|
440 | cursor: pointer; | |
446 |
|
441 | |||
447 | td { |
|
442 | td { | |
448 | background-color: lighten(@alert4,25%); |
|
443 | background-color: lighten(@alert4,25%); | |
449 | } |
|
444 | } | |
450 | } |
|
445 | } | |
451 | } |
|
446 | } | |
452 |
|
447 | |||
453 | .file_history { |
|
448 | .file_history { | |
454 | td.td-actions { |
|
449 | td.td-actions { | |
455 | text-align: right; |
|
450 | text-align: right; | |
456 | } |
|
451 | } | |
457 | } |
|
452 | } | |
458 |
|
453 | |||
459 | .compare_view_files { |
|
454 | .compare_view_files { | |
460 |
|
455 | |||
461 | td.td-actions { |
|
456 | td.td-actions { | |
462 | text-align: right; |
|
457 | text-align: right; | |
463 | } |
|
458 | } | |
464 |
|
459 | |||
465 | .flag_status { |
|
460 | .flag_status { | |
466 | margin: 0 0 0 5px; |
|
461 | margin: 0 0 0 5px; | |
467 | } |
|
462 | } | |
468 |
|
463 | |||
469 | td.injected_diff { |
|
464 | td.injected_diff { | |
470 |
|
465 | |||
471 | .code-difftable { |
|
466 | .code-difftable { | |
472 | border:none; |
|
467 | border:none; | |
473 | } |
|
468 | } | |
474 |
|
469 | |||
475 | .diff-container { |
|
470 | .diff-container { | |
476 | border: @border-thickness solid @border-default-color; |
|
471 | border: @border-thickness solid @border-default-color; | |
477 | .border-radius(@border-radius); |
|
472 | .border-radius(@border-radius); | |
478 | } |
|
473 | } | |
479 |
|
474 | |||
480 | div.diffblock { |
|
475 | div.diffblock { | |
481 | border:none; |
|
476 | border:none; | |
482 | } |
|
477 | } | |
483 |
|
478 | |||
484 | div.code-body { |
|
479 | div.code-body { | |
485 | max-width: 1152px; |
|
480 | max-width: 1152px; | |
486 | } |
|
481 | } | |
487 | } |
|
482 | } | |
488 |
|
483 | |||
489 | .rctable { |
|
484 | .rctable { | |
490 |
|
485 | |||
491 | td { |
|
486 | td { | |
492 | padding-top: @space; |
|
487 | padding-top: @space; | |
493 | } |
|
488 | } | |
494 |
|
489 | |||
495 | &:first-child td { |
|
490 | &:first-child td { | |
496 | padding-top: 0; |
|
491 | padding-top: 0; | |
497 | } |
|
492 | } | |
498 | } |
|
493 | } | |
499 |
|
494 | |||
500 | .comment-bubble, |
|
495 | .comment-bubble, | |
501 | .show_comments { |
|
496 | .show_comments { | |
502 | float: right; |
|
497 | float: right; | |
503 | visibility: hidden; |
|
498 | visibility: hidden; | |
504 | padding: 0 1em 0 0; |
|
499 | padding: 0 1em 0 0; | |
505 | } |
|
500 | } | |
506 |
|
501 | |||
507 | .injected_diff { |
|
502 | .injected_diff { | |
508 | padding-bottom: @padding; |
|
503 | padding-bottom: @padding; | |
509 | } |
|
504 | } | |
510 | } |
|
505 | } | |
511 |
|
506 | |||
512 | // Gist List |
|
507 | // Gist List | |
513 | #gist_list_table { |
|
508 | #gist_list_table { | |
514 | td { |
|
509 | td { | |
515 | vertical-align: middle; |
|
510 | vertical-align: middle; | |
516 |
|
511 | |||
517 | div{ |
|
512 | div{ | |
518 | display: inline-block; |
|
513 | display: inline-block; | |
519 | vertical-align: middle; |
|
514 | vertical-align: middle; | |
520 | } |
|
515 | } | |
521 |
|
516 | |||
522 | img{ |
|
517 | img{ | |
523 | vertical-align: middle; |
|
518 | vertical-align: middle; | |
524 | } |
|
519 | } | |
525 | } |
|
520 | } | |
526 | } |
|
521 | } |
General Comments 0
You need to be logged in to leave comments.
Login now