##// END OF EJS Templates
styling: removing unused td-gravatar class
lisaq -
r496:488856aa default
parent child Browse files
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