##// END OF EJS Templates
perms-summary: fix long names overflow....
marcink -
r2008:5fbc0fc6 default
parent child Browse files
Show More
@@ -1,2397 +1,2396 b''
1 1 //Primary CSS
2 2
3 3 //--- IMPORTS ------------------//
4 4
5 5 @import 'helpers';
6 6 @import 'mixins';
7 7 @import 'rcicons';
8 8 @import 'fonts';
9 9 @import 'variables';
10 10 @import 'bootstrap-variables';
11 11 @import 'form-bootstrap';
12 12 @import 'codemirror';
13 13 @import 'legacy_code_styles';
14 14 @import 'readme-box';
15 15 @import 'progress-bar';
16 16
17 17 @import 'type';
18 18 @import 'alerts';
19 19 @import 'buttons';
20 20 @import 'tags';
21 21 @import 'code-block';
22 22 @import 'examples';
23 23 @import 'login';
24 24 @import 'main-content';
25 25 @import 'select2';
26 26 @import 'comments';
27 27 @import 'panels-bootstrap';
28 28 @import 'panels';
29 29 @import 'deform';
30 30
31 31 //--- BASE ------------------//
32 32 .noscript-error {
33 33 top: 0;
34 34 left: 0;
35 35 width: 100%;
36 36 z-index: 101;
37 37 text-align: center;
38 38 font-family: @text-semibold;
39 39 font-size: 120%;
40 40 color: white;
41 41 background-color: @alert2;
42 42 padding: 5px 0 5px 0;
43 43 }
44 44
45 45 html {
46 46 display: table;
47 47 height: 100%;
48 48 width: 100%;
49 49 }
50 50
51 51 body {
52 52 display: table-cell;
53 53 width: 100%;
54 54 }
55 55
56 56 //--- LAYOUT ------------------//
57 57
58 58 .hidden{
59 59 display: none !important;
60 60 }
61 61
62 62 .box{
63 63 float: left;
64 64 width: 100%;
65 65 }
66 66
67 67 .browser-header {
68 68 clear: both;
69 69 }
70 70 .main {
71 71 clear: both;
72 72 padding:0 0 @pagepadding;
73 73 height: auto;
74 74
75 75 &:after { //clearfix
76 76 content:"";
77 77 clear:both;
78 78 width:100%;
79 79 display:block;
80 80 }
81 81 }
82 82
83 83 .action-link{
84 84 margin-left: @padding;
85 85 padding-left: @padding;
86 86 border-left: @border-thickness solid @border-default-color;
87 87 }
88 88
89 89 input + .action-link, .action-link.first{
90 90 border-left: none;
91 91 }
92 92
93 93 .action-link.last{
94 94 margin-right: @padding;
95 95 padding-right: @padding;
96 96 }
97 97
98 98 .action-link.active,
99 99 .action-link.active a{
100 100 color: @grey4;
101 101 }
102 102
103 103 .clipboard-action {
104 104 cursor: pointer;
105 105 }
106 106
107 107 ul.simple-list{
108 108 list-style: none;
109 109 margin: 0;
110 110 padding: 0;
111 111 }
112 112
113 113 .main-content {
114 114 padding-bottom: @pagepadding;
115 115 }
116 116
117 117 .wide-mode-wrapper {
118 118 max-width:4000px !important;
119 119 }
120 120
121 121 .wrapper {
122 122 position: relative;
123 123 max-width: @wrapper-maxwidth;
124 124 margin: 0 auto;
125 125 }
126 126
127 127 #content {
128 128 clear: both;
129 129 padding: 0 @contentpadding;
130 130 }
131 131
132 132 .advanced-settings-fields{
133 133 input{
134 134 margin-left: @textmargin;
135 135 margin-right: @padding/2;
136 136 }
137 137 }
138 138
139 139 .cs_files_title {
140 140 margin: @pagepadding 0 0;
141 141 }
142 142
143 143 input.inline[type="file"] {
144 144 display: inline;
145 145 }
146 146
147 147 .error_page {
148 148 margin: 10% auto;
149 149
150 150 h1 {
151 151 color: @grey2;
152 152 }
153 153
154 154 .alert {
155 155 margin: @padding 0;
156 156 }
157 157
158 158 .error-branding {
159 159 font-family: @text-semibold;
160 160 color: @grey4;
161 161 }
162 162
163 163 .error_message {
164 164 font-family: @text-regular;
165 165 }
166 166
167 167 .sidebar {
168 168 min-height: 275px;
169 169 margin: 0;
170 170 padding: 0 0 @sidebarpadding @sidebarpadding;
171 171 border: none;
172 172 }
173 173
174 174 .main-content {
175 175 position: relative;
176 176 margin: 0 @sidebarpadding @sidebarpadding;
177 177 padding: 0 0 0 @sidebarpadding;
178 178 border-left: @border-thickness solid @grey5;
179 179
180 180 @media (max-width:767px) {
181 181 clear: both;
182 182 width: 100%;
183 183 margin: 0;
184 184 border: none;
185 185 }
186 186 }
187 187
188 188 .inner-column {
189 189 float: left;
190 190 width: 29.75%;
191 191 min-height: 150px;
192 192 margin: @sidebarpadding 2% 0 0;
193 193 padding: 0 2% 0 0;
194 194 border-right: @border-thickness solid @grey5;
195 195
196 196 @media (max-width:767px) {
197 197 clear: both;
198 198 width: 100%;
199 199 border: none;
200 200 }
201 201
202 202 ul {
203 203 padding-left: 1.25em;
204 204 }
205 205
206 206 &:last-child {
207 207 margin: @sidebarpadding 0 0;
208 208 border: none;
209 209 }
210 210
211 211 h4 {
212 212 margin: 0 0 @padding;
213 213 font-family: @text-semibold;
214 214 }
215 215 }
216 216 }
217 217 .error-page-logo {
218 218 width: 130px;
219 219 height: 160px;
220 220 }
221 221
222 222 // HEADER
223 223 .header {
224 224
225 225 // TODO: johbo: Fix login pages, so that they work without a min-height
226 226 // for the header and then remove the min-height. I chose a smaller value
227 227 // intentionally here to avoid rendering issues in the main navigation.
228 228 min-height: 49px;
229 229
230 230 position: relative;
231 231 vertical-align: bottom;
232 232 padding: 0 @header-padding;
233 233 background-color: @grey2;
234 234 color: @grey5;
235 235
236 236 .title {
237 237 overflow: visible;
238 238 }
239 239
240 240 &:before,
241 241 &:after {
242 242 content: "";
243 243 clear: both;
244 244 width: 100%;
245 245 }
246 246
247 247 // TODO: johbo: Avoids breaking "Repositories" chooser
248 248 .select2-container .select2-choice .select2-arrow {
249 249 display: none;
250 250 }
251 251 }
252 252
253 253 #header-inner {
254 254 &.title {
255 255 margin: 0;
256 256 }
257 257 &:before,
258 258 &:after {
259 259 content: "";
260 260 clear: both;
261 261 }
262 262 }
263 263
264 264 // Gists
265 265 #files_data {
266 266 clear: both; //for firefox
267 267 }
268 268 #gistid {
269 269 margin-right: @padding;
270 270 }
271 271
272 272 // Global Settings Editor
273 273 .textarea.editor {
274 274 float: left;
275 275 position: relative;
276 276 max-width: @texteditor-width;
277 277
278 278 select {
279 279 position: absolute;
280 280 top:10px;
281 281 right:0;
282 282 }
283 283
284 284 .CodeMirror {
285 285 margin: 0;
286 286 }
287 287
288 288 .help-block {
289 289 margin: 0 0 @padding;
290 290 padding:.5em;
291 291 background-color: @grey6;
292 292 &.pre-formatting {
293 293 white-space: pre;
294 294 }
295 295 }
296 296 }
297 297
298 298 ul.auth_plugins {
299 299 margin: @padding 0 @padding @legend-width;
300 300 padding: 0;
301 301
302 302 li {
303 303 margin-bottom: @padding;
304 304 line-height: 1em;
305 305 list-style-type: none;
306 306
307 307 .auth_buttons .btn {
308 308 margin-right: @padding;
309 309 }
310 310
311 311 &:before { content: none; }
312 312 }
313 313 }
314 314
315 315
316 316 // My Account PR list
317 317
318 318 #show_closed {
319 319 margin: 0 1em 0 0;
320 320 }
321 321
322 322 .pullrequestlist {
323 323 .closed {
324 324 background-color: @grey6;
325 325 }
326 326 .td-status {
327 327 padding-left: .5em;
328 328 }
329 329 .log-container .truncate {
330 330 height: 2.75em;
331 331 white-space: pre-line;
332 332 }
333 333 table.rctable .user {
334 334 padding-left: 0;
335 335 }
336 336 table.rctable {
337 337 td.td-description,
338 338 .rc-user {
339 339 min-width: auto;
340 340 }
341 341 }
342 342 }
343 343
344 344 // Pull Requests
345 345
346 346 .pullrequests_section_head {
347 347 display: block;
348 348 clear: both;
349 349 margin: @padding 0;
350 350 font-family: @text-bold;
351 351 }
352 352
353 353 .pr-origininfo, .pr-targetinfo {
354 354 position: relative;
355 355
356 356 .tag {
357 357 display: inline-block;
358 358 margin: 0 1em .5em 0;
359 359 }
360 360
361 361 .clone-url {
362 362 display: inline-block;
363 363 margin: 0 0 .5em 0;
364 364 padding: 0;
365 365 line-height: 1.2em;
366 366 }
367 367 }
368 368
369 369 .pr-mergeinfo {
370 370 min-width: 95% !important;
371 371 padding: 0 !important;
372 372 border: 0;
373 373 }
374 374 .pr-mergeinfo-copy {
375 375 padding: 0 0;
376 376 }
377 377
378 378 .pr-pullinfo {
379 379 min-width: 95% !important;
380 380 padding: 0 !important;
381 381 border: 0;
382 382 }
383 383 .pr-pullinfo-copy {
384 384 padding: 0 0;
385 385 }
386 386
387 387
388 388 #pr-title-input {
389 389 width: 72%;
390 390 font-size: 1em;
391 391 font-family: @text-bold;
392 392 margin: 0;
393 393 padding: 0 0 0 @padding/4;
394 394 line-height: 1.7em;
395 395 color: @text-color;
396 396 letter-spacing: .02em;
397 397 }
398 398
399 399 #pullrequest_title {
400 400 width: 100%;
401 401 box-sizing: border-box;
402 402 }
403 403
404 404 #pr_open_message {
405 405 border: @border-thickness solid #fff;
406 406 border-radius: @border-radius;
407 407 padding: @padding-large-vertical @padding-large-vertical @padding-large-vertical 0;
408 408 text-align: left;
409 409 overflow: hidden;
410 410 }
411 411
412 412 .pr-submit-button {
413 413 float: right;
414 414 margin: 0 0 0 5px;
415 415 }
416 416
417 417 .pr-spacing-container {
418 418 padding: 20px;
419 419 clear: both
420 420 }
421 421
422 422 #pr-description-input {
423 423 margin-bottom: 0;
424 424 }
425 425
426 426 .pr-description-label {
427 427 vertical-align: top;
428 428 }
429 429
430 430 .perms_section_head {
431 431 min-width: 625px;
432 432
433 433 h2 {
434 434 margin-bottom: 0;
435 435 }
436 436
437 437 .label-checkbox {
438 438 float: left;
439 439 }
440 440
441 441 &.field {
442 442 margin: @space 0 @padding;
443 443 }
444 444
445 445 &:first-child.field {
446 446 margin-top: 0;
447 447
448 448 .label {
449 449 margin-top: 0;
450 450 padding-top: 0;
451 451 }
452 452
453 453 .radios {
454 454 padding-top: 0;
455 455 }
456 456 }
457 457
458 458 .radios {
459 float: right;
460 459 position: relative;
461 460 width: 405px;
462 461 }
463 462 }
464 463
465 464 //--- MODULES ------------------//
466 465
467 466
468 467 // Server Announcement
469 468 #server-announcement {
470 469 width: 95%;
471 470 margin: @padding auto;
472 471 padding: @padding;
473 472 border-width: 2px;
474 473 border-style: solid;
475 474 .border-radius(2px);
476 475 font-family: @text-bold;
477 476
478 477 &.info { border-color: @alert4; background-color: @alert4-inner; }
479 478 &.warning { border-color: @alert3; background-color: @alert3-inner; }
480 479 &.error { border-color: @alert2; background-color: @alert2-inner; }
481 480 &.success { border-color: @alert1; background-color: @alert1-inner; }
482 481 &.neutral { border-color: @grey3; background-color: @grey6; }
483 482 }
484 483
485 484 // Fixed Sidebar Column
486 485 .sidebar-col-wrapper {
487 486 padding-left: @sidebar-all-width;
488 487
489 488 .sidebar {
490 489 width: @sidebar-width;
491 490 margin-left: -@sidebar-all-width;
492 491 }
493 492 }
494 493
495 494 .sidebar-col-wrapper.scw-small {
496 495 padding-left: @sidebar-small-all-width;
497 496
498 497 .sidebar {
499 498 width: @sidebar-small-width;
500 499 margin-left: -@sidebar-small-all-width;
501 500 }
502 501 }
503 502
504 503
505 504 // FOOTER
506 505 #footer {
507 506 padding: 0;
508 507 text-align: center;
509 508 vertical-align: middle;
510 509 color: @grey2;
511 510 background-color: @grey6;
512 511
513 512 p {
514 513 margin: 0;
515 514 padding: 1em;
516 515 line-height: 1em;
517 516 }
518 517
519 518 .server-instance { //server instance
520 519 display: none;
521 520 }
522 521
523 522 .title {
524 523 float: none;
525 524 margin: 0 auto;
526 525 }
527 526 }
528 527
529 528 button.close {
530 529 padding: 0;
531 530 cursor: pointer;
532 531 background: transparent;
533 532 border: 0;
534 533 .box-shadow(none);
535 534 -webkit-appearance: none;
536 535 }
537 536
538 537 .close {
539 538 float: right;
540 539 font-size: 21px;
541 540 font-family: @text-bootstrap;
542 541 line-height: 1em;
543 542 font-weight: bold;
544 543 color: @grey2;
545 544
546 545 &:hover,
547 546 &:focus {
548 547 color: @grey1;
549 548 text-decoration: none;
550 549 cursor: pointer;
551 550 }
552 551 }
553 552
554 553 // GRID
555 554 .sorting,
556 555 .sorting_desc,
557 556 .sorting_asc {
558 557 cursor: pointer;
559 558 }
560 559 .sorting_desc:after {
561 560 content: "\00A0\25B2";
562 561 font-size: .75em;
563 562 }
564 563 .sorting_asc:after {
565 564 content: "\00A0\25BC";
566 565 font-size: .68em;
567 566 }
568 567
569 568
570 569 .user_auth_tokens {
571 570
572 571 &.truncate {
573 572 white-space: nowrap;
574 573 overflow: hidden;
575 574 text-overflow: ellipsis;
576 575 }
577 576
578 577 .fields .field .input {
579 578 margin: 0;
580 579 }
581 580
582 581 input#description {
583 582 width: 100px;
584 583 margin: 0;
585 584 }
586 585
587 586 .drop-menu {
588 587 // TODO: johbo: Remove this, should work out of the box when
589 588 // having multiple inputs inline
590 589 margin: 0 0 0 5px;
591 590 }
592 591 }
593 592 #user_list_table {
594 593 .closed {
595 594 background-color: @grey6;
596 595 }
597 596 }
598 597
599 598
600 599 input {
601 600 &.disabled {
602 601 opacity: .5;
603 602 }
604 603 }
605 604
606 605 // remove extra padding in firefox
607 606 input::-moz-focus-inner { border:0; padding:0 }
608 607
609 608 .adjacent input {
610 609 margin-bottom: @padding;
611 610 }
612 611
613 612 .permissions_boxes {
614 613 display: block;
615 614 }
616 615
617 616 //TODO: lisa: this should be in tables
618 617 .show_more_col {
619 618 width: 20px;
620 619 }
621 620
622 621 //FORMS
623 622
624 623 .medium-inline,
625 624 input#description.medium-inline {
626 625 display: inline;
627 626 width: @medium-inline-input-width;
628 627 min-width: 100px;
629 628 }
630 629
631 630 select {
632 631 //reset
633 632 -webkit-appearance: none;
634 633 -moz-appearance: none;
635 634
636 635 display: inline-block;
637 636 height: 28px;
638 637 width: auto;
639 638 margin: 0 @padding @padding 0;
640 639 padding: 0 18px 0 8px;
641 640 line-height:1em;
642 641 font-size: @basefontsize;
643 642 border: @border-thickness solid @rcblue;
644 643 background:white url("../images/dt-arrow-dn.png") no-repeat 100% 50%;
645 644 color: @rcblue;
646 645
647 646 &:after {
648 647 content: "\00A0\25BE";
649 648 }
650 649
651 650 &:focus {
652 651 outline: none;
653 652 }
654 653 }
655 654
656 655 option {
657 656 &:focus {
658 657 outline: none;
659 658 }
660 659 }
661 660
662 661 input,
663 662 textarea {
664 663 padding: @input-padding;
665 664 border: @input-border-thickness solid @border-highlight-color;
666 665 .border-radius (@border-radius);
667 666 font-family: @text-light;
668 667 font-size: @basefontsize;
669 668
670 669 &.input-sm {
671 670 padding: 5px;
672 671 }
673 672
674 673 &#description {
675 674 min-width: @input-description-minwidth;
676 675 min-height: 1em;
677 676 padding: 10px;
678 677 }
679 678 }
680 679
681 680 .field-sm {
682 681 input,
683 682 textarea {
684 683 padding: 5px;
685 684 }
686 685 }
687 686
688 687 textarea {
689 688 display: block;
690 689 clear: both;
691 690 width: 100%;
692 691 min-height: 100px;
693 692 margin-bottom: @padding;
694 693 .box-sizing(border-box);
695 694 overflow: auto;
696 695 }
697 696
698 697 label {
699 698 font-family: @text-light;
700 699 }
701 700
702 701 // GRAVATARS
703 702 // centers gravatar on username to the right
704 703
705 704 .gravatar {
706 705 display: inline;
707 706 min-width: 16px;
708 707 min-height: 16px;
709 708 margin: -5px 0;
710 709 padding: 0;
711 710 line-height: 1em;
712 711 border: 1px solid @grey4;
713 712 box-sizing: content-box;
714 713
715 714 &.gravatar-large {
716 715 margin: -0.5em .25em -0.5em 0;
717 716 }
718 717
719 718 & + .user {
720 719 display: inline;
721 720 margin: 0;
722 721 padding: 0 0 0 .17em;
723 722 line-height: 1em;
724 723 }
725 724 }
726 725
727 726 .user-inline-data {
728 727 display: inline-block;
729 728 float: left;
730 729 padding-left: .5em;
731 730 line-height: 1.3em;
732 731 }
733 732
734 733 .rc-user { // gravatar + user wrapper
735 734 float: left;
736 735 position: relative;
737 736 min-width: 100px;
738 737 max-width: 200px;
739 738 min-height: (@gravatar-size + @border-thickness * 2); // account for border
740 739 display: block;
741 740 padding: 0 0 0 (@gravatar-size + @basefontsize/2 + @border-thickness * 2);
742 741
743 742
744 743 .gravatar {
745 744 display: block;
746 745 position: absolute;
747 746 top: 0;
748 747 left: 0;
749 748 min-width: @gravatar-size;
750 749 min-height: @gravatar-size;
751 750 margin: 0;
752 751 }
753 752
754 753 .user {
755 754 display: block;
756 755 max-width: 175px;
757 756 padding-top: 2px;
758 757 overflow: hidden;
759 758 text-overflow: ellipsis;
760 759 }
761 760 }
762 761
763 762 .gist-gravatar,
764 763 .journal_container {
765 764 .gravatar-large {
766 765 margin: 0 .5em -10px 0;
767 766 }
768 767 }
769 768
770 769
771 770 // ADMIN SETTINGS
772 771
773 772 // Tag Patterns
774 773 .tag_patterns {
775 774 .tag_input {
776 775 margin-bottom: @padding;
777 776 }
778 777 }
779 778
780 779 .locked_input {
781 780 position: relative;
782 781
783 782 input {
784 783 display: inline;
785 784 margin: 3px 5px 0px 0px;
786 785 }
787 786
788 787 br {
789 788 display: none;
790 789 }
791 790
792 791 .error-message {
793 792 float: left;
794 793 width: 100%;
795 794 }
796 795
797 796 .lock_input_button {
798 797 display: inline;
799 798 }
800 799
801 800 .help-block {
802 801 clear: both;
803 802 }
804 803 }
805 804
806 805 // Notifications
807 806
808 807 .notifications_buttons {
809 808 margin: 0 0 @space 0;
810 809 padding: 0;
811 810
812 811 .btn {
813 812 display: inline-block;
814 813 }
815 814 }
816 815
817 816 .notification-list {
818 817
819 818 div {
820 819 display: inline-block;
821 820 vertical-align: middle;
822 821 }
823 822
824 823 .container {
825 824 display: block;
826 825 margin: 0 0 @padding 0;
827 826 }
828 827
829 828 .delete-notifications {
830 829 margin-left: @padding;
831 830 text-align: right;
832 831 cursor: pointer;
833 832 }
834 833
835 834 .read-notifications {
836 835 margin-left: @padding/2;
837 836 text-align: right;
838 837 width: 35px;
839 838 cursor: pointer;
840 839 }
841 840
842 841 .icon-minus-sign {
843 842 color: @alert2;
844 843 }
845 844
846 845 .icon-ok-sign {
847 846 color: @alert1;
848 847 }
849 848 }
850 849
851 850 .user_settings {
852 851 float: left;
853 852 clear: both;
854 853 display: block;
855 854 width: 100%;
856 855
857 856 .gravatar_box {
858 857 margin-bottom: @padding;
859 858
860 859 &:after {
861 860 content: " ";
862 861 clear: both;
863 862 width: 100%;
864 863 }
865 864 }
866 865
867 866 .fields .field {
868 867 clear: both;
869 868 }
870 869 }
871 870
872 871 .advanced_settings {
873 872 margin-bottom: @space;
874 873
875 874 .help-block {
876 875 margin-left: 0;
877 876 }
878 877
879 878 button + .help-block {
880 879 margin-top: @padding;
881 880 }
882 881 }
883 882
884 883 // admin settings radio buttons and labels
885 884 .label-2 {
886 885 float: left;
887 886 width: @label2-width;
888 887
889 888 label {
890 889 color: @grey1;
891 890 }
892 891 }
893 892 .checkboxes {
894 893 float: left;
895 894 width: @checkboxes-width;
896 895 margin-bottom: @padding;
897 896
898 897 .checkbox {
899 898 width: 100%;
900 899
901 900 label {
902 901 margin: 0;
903 902 padding: 0;
904 903 }
905 904 }
906 905
907 906 .checkbox + .checkbox {
908 907 display: inline-block;
909 908 }
910 909
911 910 label {
912 911 margin-right: 1em;
913 912 }
914 913 }
915 914
916 915 // CHANGELOG
917 916 .container_header {
918 917 float: left;
919 918 display: block;
920 919 width: 100%;
921 920 margin: @padding 0 @padding;
922 921
923 922 #filter_changelog {
924 923 float: left;
925 924 margin-right: @padding;
926 925 }
927 926
928 927 .breadcrumbs_light {
929 928 display: inline-block;
930 929 }
931 930 }
932 931
933 932 .info_box {
934 933 float: right;
935 934 }
936 935
937 936
938 937 #graph_nodes {
939 938 padding-top: 43px;
940 939 }
941 940
942 941 #graph_content{
943 942
944 943 // adjust for table headers so that graph renders properly
945 944 // #graph_nodes padding - table cell padding
946 945 padding-top: (@space - (@basefontsize * 2.4));
947 946
948 947 &.graph_full_width {
949 948 width: 100%;
950 949 max-width: 100%;
951 950 }
952 951 }
953 952
954 953 #graph {
955 954 .flag_status {
956 955 margin: 0;
957 956 }
958 957
959 958 .pagination-left {
960 959 float: left;
961 960 clear: both;
962 961 }
963 962
964 963 .log-container {
965 964 max-width: 345px;
966 965
967 966 .message{
968 967 max-width: 340px;
969 968 }
970 969 }
971 970
972 971 .graph-col-wrapper {
973 972 padding-left: 110px;
974 973
975 974 #graph_nodes {
976 975 width: 100px;
977 976 margin-left: -110px;
978 977 float: left;
979 978 clear: left;
980 979 }
981 980 }
982 981
983 982 .load-more-commits {
984 983 text-align: center;
985 984 }
986 985 .load-more-commits:hover {
987 986 background-color: @grey7;
988 987 }
989 988 .load-more-commits {
990 989 a {
991 990 display: block;
992 991 }
993 992 }
994 993 }
995 994
996 995 #filter_changelog {
997 996 float: left;
998 997 }
999 998
1000 999
1001 1000 //--- THEME ------------------//
1002 1001
1003 1002 #logo {
1004 1003 float: left;
1005 1004 margin: 9px 0 0 0;
1006 1005
1007 1006 .header {
1008 1007 background-color: transparent;
1009 1008 }
1010 1009
1011 1010 a {
1012 1011 display: inline-block;
1013 1012 }
1014 1013
1015 1014 img {
1016 1015 height:30px;
1017 1016 }
1018 1017 }
1019 1018
1020 1019 .logo-wrapper {
1021 1020 float:left;
1022 1021 }
1023 1022
1024 1023 .branding{
1025 1024 float: left;
1026 1025 padding: 9px 2px;
1027 1026 line-height: 1em;
1028 1027 font-size: @navigation-fontsize;
1029 1028 }
1030 1029
1031 1030 img {
1032 1031 border: none;
1033 1032 outline: none;
1034 1033 }
1035 1034 user-profile-header
1036 1035 label {
1037 1036
1038 1037 input[type="checkbox"] {
1039 1038 margin-right: 1em;
1040 1039 }
1041 1040 input[type="radio"] {
1042 1041 margin-right: 1em;
1043 1042 }
1044 1043 }
1045 1044
1046 1045 .flag_status {
1047 1046 margin: 2px 8px 6px 2px;
1048 1047 &.under_review {
1049 1048 .circle(5px, @alert3);
1050 1049 }
1051 1050 &.approved {
1052 1051 .circle(5px, @alert1);
1053 1052 }
1054 1053 &.rejected,
1055 1054 &.forced_closed{
1056 1055 .circle(5px, @alert2);
1057 1056 }
1058 1057 &.not_reviewed {
1059 1058 .circle(5px, @grey5);
1060 1059 }
1061 1060 }
1062 1061
1063 1062 .flag_status_comment_box {
1064 1063 margin: 5px 6px 0px 2px;
1065 1064 }
1066 1065 .test_pattern_preview {
1067 1066 margin: @space 0;
1068 1067
1069 1068 p {
1070 1069 margin-bottom: 0;
1071 1070 border-bottom: @border-thickness solid @border-default-color;
1072 1071 color: @grey3;
1073 1072 }
1074 1073
1075 1074 .btn {
1076 1075 margin-bottom: @padding;
1077 1076 }
1078 1077 }
1079 1078 #test_pattern_result {
1080 1079 display: none;
1081 1080 &:extend(pre);
1082 1081 padding: .9em;
1083 1082 color: @grey3;
1084 1083 background-color: @grey7;
1085 1084 border-right: @border-thickness solid @border-default-color;
1086 1085 border-bottom: @border-thickness solid @border-default-color;
1087 1086 border-left: @border-thickness solid @border-default-color;
1088 1087 }
1089 1088
1090 1089 #repo_vcs_settings {
1091 1090 #inherit_overlay_vcs_default {
1092 1091 display: none;
1093 1092 }
1094 1093 #inherit_overlay_vcs_custom {
1095 1094 display: custom;
1096 1095 }
1097 1096 &.inherited {
1098 1097 #inherit_overlay_vcs_default {
1099 1098 display: block;
1100 1099 }
1101 1100 #inherit_overlay_vcs_custom {
1102 1101 display: none;
1103 1102 }
1104 1103 }
1105 1104 }
1106 1105
1107 1106 .issue-tracker-link {
1108 1107 color: @rcblue;
1109 1108 }
1110 1109
1111 1110 // Issue Tracker Table Show/Hide
1112 1111 #repo_issue_tracker {
1113 1112 #inherit_overlay {
1114 1113 display: none;
1115 1114 }
1116 1115 #custom_overlay {
1117 1116 display: custom;
1118 1117 }
1119 1118 &.inherited {
1120 1119 #inherit_overlay {
1121 1120 display: block;
1122 1121 }
1123 1122 #custom_overlay {
1124 1123 display: none;
1125 1124 }
1126 1125 }
1127 1126 }
1128 1127 table.issuetracker {
1129 1128 &.readonly {
1130 1129 tr, td {
1131 1130 color: @grey3;
1132 1131 }
1133 1132 }
1134 1133 .edit {
1135 1134 display: none;
1136 1135 }
1137 1136 .editopen {
1138 1137 .edit {
1139 1138 display: inline;
1140 1139 }
1141 1140 .entry {
1142 1141 display: none;
1143 1142 }
1144 1143 }
1145 1144 tr td.td-action {
1146 1145 min-width: 117px;
1147 1146 }
1148 1147 td input {
1149 1148 max-width: none;
1150 1149 min-width: 30px;
1151 1150 width: 80%;
1152 1151 }
1153 1152 .issuetracker_pref input {
1154 1153 width: 40%;
1155 1154 }
1156 1155 input.edit_issuetracker_update {
1157 1156 margin-right: 0;
1158 1157 width: auto;
1159 1158 }
1160 1159 }
1161 1160
1162 1161 table.integrations {
1163 1162 .td-icon {
1164 1163 width: 20px;
1165 1164 .integration-icon {
1166 1165 height: 20px;
1167 1166 width: 20px;
1168 1167 }
1169 1168 }
1170 1169 }
1171 1170
1172 1171 .integrations {
1173 1172 a.integration-box {
1174 1173 color: @text-color;
1175 1174 &:hover {
1176 1175 .panel {
1177 1176 background: #fbfbfb;
1178 1177 }
1179 1178 }
1180 1179 .integration-icon {
1181 1180 width: 30px;
1182 1181 height: 30px;
1183 1182 margin-right: 20px;
1184 1183 float: left;
1185 1184 }
1186 1185
1187 1186 .panel-body {
1188 1187 padding: 10px;
1189 1188 }
1190 1189 .panel {
1191 1190 margin-bottom: 10px;
1192 1191 }
1193 1192 h2 {
1194 1193 display: inline-block;
1195 1194 margin: 0;
1196 1195 min-width: 140px;
1197 1196 }
1198 1197 }
1199 1198 }
1200 1199
1201 1200 //Permissions Settings
1202 1201 #add_perm {
1203 1202 margin: 0 0 @padding;
1204 1203 cursor: pointer;
1205 1204 }
1206 1205
1207 1206 .perm_ac {
1208 1207 input {
1209 1208 width: 95%;
1210 1209 }
1211 1210 }
1212 1211
1213 1212 .autocomplete-suggestions {
1214 1213 width: auto !important; // overrides autocomplete.js
1215 1214 margin: 0;
1216 1215 border: @border-thickness solid @rcblue;
1217 1216 border-radius: @border-radius;
1218 1217 color: @rcblue;
1219 1218 background-color: white;
1220 1219 }
1221 1220 .autocomplete-selected {
1222 1221 background: #F0F0F0;
1223 1222 }
1224 1223 .ac-container-wrap {
1225 1224 margin: 0;
1226 1225 padding: 8px;
1227 1226 border-bottom: @border-thickness solid @rclightblue;
1228 1227 list-style-type: none;
1229 1228 cursor: pointer;
1230 1229
1231 1230 &:hover {
1232 1231 background-color: @rclightblue;
1233 1232 }
1234 1233
1235 1234 img {
1236 1235 height: @gravatar-size;
1237 1236 width: @gravatar-size;
1238 1237 margin-right: 1em;
1239 1238 }
1240 1239
1241 1240 strong {
1242 1241 font-weight: normal;
1243 1242 }
1244 1243 }
1245 1244
1246 1245 // Settings Dropdown
1247 1246 .user-menu .container {
1248 1247 padding: 0 4px;
1249 1248 margin: 0;
1250 1249 }
1251 1250
1252 1251 .user-menu .gravatar {
1253 1252 cursor: pointer;
1254 1253 }
1255 1254
1256 1255 .codeblock {
1257 1256 margin-bottom: @padding;
1258 1257 clear: both;
1259 1258
1260 1259 .stats{
1261 1260 overflow: hidden;
1262 1261 }
1263 1262
1264 1263 .message{
1265 1264 textarea{
1266 1265 margin: 0;
1267 1266 }
1268 1267 }
1269 1268
1270 1269 .code-header {
1271 1270 .stats {
1272 1271 line-height: 2em;
1273 1272
1274 1273 .revision_id {
1275 1274 margin-left: 0;
1276 1275 }
1277 1276 .buttons {
1278 1277 padding-right: 0;
1279 1278 }
1280 1279 }
1281 1280
1282 1281 .item{
1283 1282 margin-right: 0.5em;
1284 1283 }
1285 1284 }
1286 1285
1287 1286 #editor_container{
1288 1287 position: relative;
1289 1288 margin: @padding;
1290 1289 }
1291 1290 }
1292 1291
1293 1292 #file_history_container {
1294 1293 display: none;
1295 1294 }
1296 1295
1297 1296 .file-history-inner {
1298 1297 margin-bottom: 10px;
1299 1298 }
1300 1299
1301 1300 // Pull Requests
1302 1301 .summary-details {
1303 1302 width: 72%;
1304 1303 }
1305 1304 .pr-summary {
1306 1305 border-bottom: @border-thickness solid @grey5;
1307 1306 margin-bottom: @space;
1308 1307 }
1309 1308 .reviewers-title {
1310 1309 width: 25%;
1311 1310 min-width: 200px;
1312 1311 }
1313 1312 .reviewers {
1314 1313 width: 25%;
1315 1314 min-width: 200px;
1316 1315 }
1317 1316 .reviewers ul li {
1318 1317 position: relative;
1319 1318 width: 100%;
1320 1319 margin-bottom: 8px;
1321 1320 }
1322 1321
1323 1322 .reviewer_entry {
1324 1323 min-height: 55px;
1325 1324 }
1326 1325
1327 1326 .reviewers_member {
1328 1327 width: 100%;
1329 1328 overflow: auto;
1330 1329 }
1331 1330 .reviewer_reason {
1332 1331 padding-left: 20px;
1333 1332 }
1334 1333 .reviewer_status {
1335 1334 display: inline-block;
1336 1335 vertical-align: top;
1337 1336 width: 7%;
1338 1337 min-width: 20px;
1339 1338 height: 1.2em;
1340 1339 margin-top: 3px;
1341 1340 line-height: 1em;
1342 1341 }
1343 1342
1344 1343 .reviewer_name {
1345 1344 display: inline-block;
1346 1345 max-width: 83%;
1347 1346 padding-right: 20px;
1348 1347 vertical-align: middle;
1349 1348 line-height: 1;
1350 1349
1351 1350 .rc-user {
1352 1351 min-width: 0;
1353 1352 margin: -2px 1em 0 0;
1354 1353 }
1355 1354
1356 1355 .reviewer {
1357 1356 float: left;
1358 1357 }
1359 1358 }
1360 1359
1361 1360 .reviewer_member_mandatory,
1362 1361 .reviewer_member_mandatory_remove,
1363 1362 .reviewer_member_remove {
1364 1363 position: absolute;
1365 1364 right: 0;
1366 1365 top: 0;
1367 1366 width: 16px;
1368 1367 margin-bottom: 10px;
1369 1368 padding: 0;
1370 1369 color: black;
1371 1370 }
1372 1371
1373 1372 .reviewer_member_mandatory_remove {
1374 1373 color: @grey4;
1375 1374 }
1376 1375
1377 1376 .reviewer_member_mandatory {
1378 1377 padding-top:20px;
1379 1378 }
1380 1379
1381 1380 .reviewer_member_status {
1382 1381 margin-top: 5px;
1383 1382 }
1384 1383 .pr-summary #summary{
1385 1384 width: 100%;
1386 1385 }
1387 1386 .pr-summary .action_button:hover {
1388 1387 border: 0;
1389 1388 cursor: pointer;
1390 1389 }
1391 1390 .pr-details-title {
1392 1391 padding-bottom: 8px;
1393 1392 border-bottom: @border-thickness solid @grey5;
1394 1393
1395 1394 .action_button.disabled {
1396 1395 color: @grey4;
1397 1396 cursor: inherit;
1398 1397 }
1399 1398 .action_button {
1400 1399 color: @rcblue;
1401 1400 }
1402 1401 }
1403 1402 .pr-details-content {
1404 1403 margin-top: @textmargin;
1405 1404 margin-bottom: @textmargin;
1406 1405 }
1407 1406 .pr-description {
1408 1407 white-space:pre-wrap;
1409 1408 }
1410 1409
1411 1410 .pr-reviewer-rules {
1412 1411 padding: 10px 0px 20px 0px;
1413 1412 }
1414 1413
1415 1414 .group_members {
1416 1415 margin-top: 0;
1417 1416 padding: 0;
1418 1417 list-style: outside none none;
1419 1418
1420 1419 img {
1421 1420 height: @gravatar-size;
1422 1421 width: @gravatar-size;
1423 1422 margin-right: .5em;
1424 1423 margin-left: 3px;
1425 1424 }
1426 1425
1427 1426 .to-delete {
1428 1427 .user {
1429 1428 text-decoration: line-through;
1430 1429 }
1431 1430 }
1432 1431 }
1433 1432
1434 1433 .compare_view_commits_title {
1435 1434 .disabled {
1436 1435 cursor: inherit;
1437 1436 &:hover{
1438 1437 background-color: inherit;
1439 1438 color: inherit;
1440 1439 }
1441 1440 }
1442 1441 }
1443 1442
1444 1443 .subtitle-compare {
1445 1444 margin: -15px 0px 0px 0px;
1446 1445 }
1447 1446
1448 1447 .comments-summary-td {
1449 1448 border-top: 1px dashed @grey5;
1450 1449 }
1451 1450
1452 1451 // new entry in group_members
1453 1452 .td-author-new-entry {
1454 1453 background-color: rgba(red(@alert1), green(@alert1), blue(@alert1), 0.3);
1455 1454 }
1456 1455
1457 1456 .usergroup_member_remove {
1458 1457 width: 16px;
1459 1458 margin-bottom: 10px;
1460 1459 padding: 0;
1461 1460 color: black !important;
1462 1461 cursor: pointer;
1463 1462 }
1464 1463
1465 1464 .reviewer_ac .ac-input {
1466 1465 width: 92%;
1467 1466 margin-bottom: 1em;
1468 1467 }
1469 1468
1470 1469 .compare_view_commits tr{
1471 1470 height: 20px;
1472 1471 }
1473 1472 .compare_view_commits td {
1474 1473 vertical-align: top;
1475 1474 padding-top: 10px;
1476 1475 }
1477 1476 .compare_view_commits .author {
1478 1477 margin-left: 5px;
1479 1478 }
1480 1479
1481 1480 .compare_view_commits {
1482 1481 .color-a {
1483 1482 color: @alert1;
1484 1483 }
1485 1484
1486 1485 .color-c {
1487 1486 color: @color3;
1488 1487 }
1489 1488
1490 1489 .color-r {
1491 1490 color: @color5;
1492 1491 }
1493 1492
1494 1493 .color-a-bg {
1495 1494 background-color: @alert1;
1496 1495 }
1497 1496
1498 1497 .color-c-bg {
1499 1498 background-color: @alert3;
1500 1499 }
1501 1500
1502 1501 .color-r-bg {
1503 1502 background-color: @alert2;
1504 1503 }
1505 1504
1506 1505 .color-a-border {
1507 1506 border: 1px solid @alert1;
1508 1507 }
1509 1508
1510 1509 .color-c-border {
1511 1510 border: 1px solid @alert3;
1512 1511 }
1513 1512
1514 1513 .color-r-border {
1515 1514 border: 1px solid @alert2;
1516 1515 }
1517 1516
1518 1517 .commit-change-indicator {
1519 1518 width: 15px;
1520 1519 height: 15px;
1521 1520 position: relative;
1522 1521 left: 15px;
1523 1522 }
1524 1523
1525 1524 .commit-change-content {
1526 1525 text-align: center;
1527 1526 vertical-align: middle;
1528 1527 line-height: 15px;
1529 1528 }
1530 1529 }
1531 1530
1532 1531 .compare_view_files {
1533 1532 width: 100%;
1534 1533
1535 1534 td {
1536 1535 vertical-align: middle;
1537 1536 }
1538 1537 }
1539 1538
1540 1539 .compare_view_filepath {
1541 1540 color: @grey1;
1542 1541 }
1543 1542
1544 1543 .show_more {
1545 1544 display: inline-block;
1546 1545 position: relative;
1547 1546 vertical-align: middle;
1548 1547 width: 4px;
1549 1548 height: @basefontsize;
1550 1549
1551 1550 &:after {
1552 1551 content: "\00A0\25BE";
1553 1552 display: inline-block;
1554 1553 width:10px;
1555 1554 line-height: 5px;
1556 1555 font-size: 12px;
1557 1556 cursor: pointer;
1558 1557 }
1559 1558 }
1560 1559
1561 1560 .journal_more .show_more {
1562 1561 display: inline;
1563 1562
1564 1563 &:after {
1565 1564 content: none;
1566 1565 }
1567 1566 }
1568 1567
1569 1568 .open .show_more:after,
1570 1569 .select2-dropdown-open .show_more:after {
1571 1570 .rotate(180deg);
1572 1571 margin-left: 4px;
1573 1572 }
1574 1573
1575 1574
1576 1575 .compare_view_commits .collapse_commit:after {
1577 1576 cursor: pointer;
1578 1577 content: "\00A0\25B4";
1579 1578 margin-left: -3px;
1580 1579 font-size: 17px;
1581 1580 color: @grey4;
1582 1581 }
1583 1582
1584 1583 .diff_links {
1585 1584 margin-left: 8px;
1586 1585 }
1587 1586
1588 1587 div.ancestor {
1589 1588 margin: -30px 0px;
1590 1589 }
1591 1590
1592 1591 .cs_icon_td input[type="checkbox"] {
1593 1592 display: none;
1594 1593 }
1595 1594
1596 1595 .cs_icon_td .expand_file_icon:after {
1597 1596 cursor: pointer;
1598 1597 content: "\00A0\25B6";
1599 1598 font-size: 12px;
1600 1599 color: @grey4;
1601 1600 }
1602 1601
1603 1602 .cs_icon_td .collapse_file_icon:after {
1604 1603 cursor: pointer;
1605 1604 content: "\00A0\25BC";
1606 1605 font-size: 12px;
1607 1606 color: @grey4;
1608 1607 }
1609 1608
1610 1609 /*new binary
1611 1610 NEW_FILENODE = 1
1612 1611 DEL_FILENODE = 2
1613 1612 MOD_FILENODE = 3
1614 1613 RENAMED_FILENODE = 4
1615 1614 COPIED_FILENODE = 5
1616 1615 CHMOD_FILENODE = 6
1617 1616 BIN_FILENODE = 7
1618 1617 */
1619 1618 .cs_files_expand {
1620 1619 font-size: @basefontsize + 5px;
1621 1620 line-height: 1.8em;
1622 1621 float: right;
1623 1622 }
1624 1623
1625 1624 .cs_files_expand span{
1626 1625 color: @rcblue;
1627 1626 cursor: pointer;
1628 1627 }
1629 1628 .cs_files {
1630 1629 clear: both;
1631 1630 padding-bottom: @padding;
1632 1631
1633 1632 .cur_cs {
1634 1633 margin: 10px 2px;
1635 1634 font-weight: bold;
1636 1635 }
1637 1636
1638 1637 .node {
1639 1638 float: left;
1640 1639 }
1641 1640
1642 1641 .changes {
1643 1642 float: right;
1644 1643 color: white;
1645 1644 font-size: @basefontsize - 4px;
1646 1645 margin-top: 4px;
1647 1646 opacity: 0.6;
1648 1647 filter: Alpha(opacity=60); /* IE8 and earlier */
1649 1648
1650 1649 .added {
1651 1650 background-color: @alert1;
1652 1651 float: left;
1653 1652 text-align: center;
1654 1653 }
1655 1654
1656 1655 .deleted {
1657 1656 background-color: @alert2;
1658 1657 float: left;
1659 1658 text-align: center;
1660 1659 }
1661 1660
1662 1661 .bin {
1663 1662 background-color: @alert1;
1664 1663 text-align: center;
1665 1664 }
1666 1665
1667 1666 /*new binary*/
1668 1667 .bin.bin1 {
1669 1668 background-color: @alert1;
1670 1669 text-align: center;
1671 1670 }
1672 1671
1673 1672 /*deleted binary*/
1674 1673 .bin.bin2 {
1675 1674 background-color: @alert2;
1676 1675 text-align: center;
1677 1676 }
1678 1677
1679 1678 /*mod binary*/
1680 1679 .bin.bin3 {
1681 1680 background-color: @grey2;
1682 1681 text-align: center;
1683 1682 }
1684 1683
1685 1684 /*rename file*/
1686 1685 .bin.bin4 {
1687 1686 background-color: @alert4;
1688 1687 text-align: center;
1689 1688 }
1690 1689
1691 1690 /*copied file*/
1692 1691 .bin.bin5 {
1693 1692 background-color: @alert4;
1694 1693 text-align: center;
1695 1694 }
1696 1695
1697 1696 /*chmod file*/
1698 1697 .bin.bin6 {
1699 1698 background-color: @grey2;
1700 1699 text-align: center;
1701 1700 }
1702 1701 }
1703 1702 }
1704 1703
1705 1704 .cs_files .cs_added, .cs_files .cs_A,
1706 1705 .cs_files .cs_added, .cs_files .cs_M,
1707 1706 .cs_files .cs_added, .cs_files .cs_D {
1708 1707 height: 16px;
1709 1708 padding-right: 10px;
1710 1709 margin-top: 7px;
1711 1710 text-align: left;
1712 1711 }
1713 1712
1714 1713 .cs_icon_td {
1715 1714 min-width: 16px;
1716 1715 width: 16px;
1717 1716 }
1718 1717
1719 1718 .pull-request-merge {
1720 1719 border: 1px solid @grey5;
1721 1720 padding: 10px 0px 20px;
1722 1721 margin-top: 10px;
1723 1722 margin-bottom: 20px;
1724 1723 }
1725 1724
1726 1725 .pull-request-merge ul {
1727 1726 padding: 0px 0px;
1728 1727 }
1729 1728
1730 1729 .pull-request-merge li:before{
1731 1730 content:none;
1732 1731 }
1733 1732
1734 1733 .pull-request-merge .pull-request-wrap {
1735 1734 height: auto;
1736 1735 padding: 0px 0px;
1737 1736 text-align: right;
1738 1737 }
1739 1738
1740 1739 .pull-request-merge span {
1741 1740 margin-right: 5px;
1742 1741 }
1743 1742
1744 1743 .pull-request-merge-actions {
1745 1744 height: 30px;
1746 1745 padding: 0px 0px;
1747 1746 }
1748 1747
1749 1748 .merge-status {
1750 1749 margin-right: 5px;
1751 1750 }
1752 1751
1753 1752 .merge-message {
1754 1753 font-size: 1.2em
1755 1754 }
1756 1755
1757 1756 .merge-message.success i,
1758 1757 .merge-icon.success i {
1759 1758 color:@alert1;
1760 1759 }
1761 1760
1762 1761 .merge-message.warning i,
1763 1762 .merge-icon.warning i {
1764 1763 color: @alert3;
1765 1764 }
1766 1765
1767 1766 .merge-message.error i,
1768 1767 .merge-icon.error i {
1769 1768 color:@alert2;
1770 1769 }
1771 1770
1772 1771 .pr-versions {
1773 1772 font-size: 1.1em;
1774 1773
1775 1774 table {
1776 1775 padding: 0px 5px;
1777 1776 }
1778 1777
1779 1778 td {
1780 1779 line-height: 15px;
1781 1780 }
1782 1781
1783 1782 .flag_status {
1784 1783 margin: 0;
1785 1784 }
1786 1785
1787 1786 .compare-radio-button {
1788 1787 position: relative;
1789 1788 top: -3px;
1790 1789 }
1791 1790 }
1792 1791
1793 1792
1794 1793 #close_pull_request {
1795 1794 margin-right: 0px;
1796 1795 }
1797 1796
1798 1797 .empty_data {
1799 1798 color: @grey4;
1800 1799 }
1801 1800
1802 1801 #changeset_compare_view_content {
1803 1802 margin-bottom: @space;
1804 1803 clear: both;
1805 1804 width: 100%;
1806 1805 box-sizing: border-box;
1807 1806 .border-radius(@border-radius);
1808 1807
1809 1808 .help-block {
1810 1809 margin: @padding 0;
1811 1810 color: @text-color;
1812 1811 &.pre-formatting {
1813 1812 white-space: pre;
1814 1813 }
1815 1814 }
1816 1815
1817 1816 .empty_data {
1818 1817 margin: @padding 0;
1819 1818 }
1820 1819
1821 1820 .alert {
1822 1821 margin-bottom: @space;
1823 1822 }
1824 1823 }
1825 1824
1826 1825 .table_disp {
1827 1826 .status {
1828 1827 width: auto;
1829 1828
1830 1829 .flag_status {
1831 1830 float: left;
1832 1831 }
1833 1832 }
1834 1833 }
1835 1834
1836 1835
1837 1836 .creation_in_progress {
1838 1837 color: @grey4
1839 1838 }
1840 1839
1841 1840 .status_box_menu {
1842 1841 margin: 0;
1843 1842 }
1844 1843
1845 1844 .notification-table{
1846 1845 margin-bottom: @space;
1847 1846 display: table;
1848 1847 width: 100%;
1849 1848
1850 1849 .container{
1851 1850 display: table-row;
1852 1851
1853 1852 .notification-header{
1854 1853 border-bottom: @border-thickness solid @border-default-color;
1855 1854 }
1856 1855
1857 1856 .notification-subject{
1858 1857 display: table-cell;
1859 1858 }
1860 1859 }
1861 1860 }
1862 1861
1863 1862 // Notifications
1864 1863 .notification-header{
1865 1864 display: table;
1866 1865 width: 100%;
1867 1866 padding: floor(@basefontsize/2) 0;
1868 1867 line-height: 1em;
1869 1868
1870 1869 .desc, .delete-notifications, .read-notifications{
1871 1870 display: table-cell;
1872 1871 text-align: left;
1873 1872 }
1874 1873
1875 1874 .desc{
1876 1875 width: 1163px;
1877 1876 }
1878 1877
1879 1878 .delete-notifications, .read-notifications{
1880 1879 width: 35px;
1881 1880 min-width: 35px; //fixes when only one button is displayed
1882 1881 }
1883 1882 }
1884 1883
1885 1884 .notification-body {
1886 1885 .markdown-block,
1887 1886 .rst-block {
1888 1887 padding: @padding 0;
1889 1888 }
1890 1889
1891 1890 .notification-subject {
1892 1891 padding: @textmargin 0;
1893 1892 border-bottom: @border-thickness solid @border-default-color;
1894 1893 }
1895 1894 }
1896 1895
1897 1896
1898 1897 .notifications_buttons{
1899 1898 float: right;
1900 1899 }
1901 1900
1902 1901 #notification-status{
1903 1902 display: inline;
1904 1903 }
1905 1904
1906 1905 // Repositories
1907 1906
1908 1907 #summary.fields{
1909 1908 display: table;
1910 1909
1911 1910 .field{
1912 1911 display: table-row;
1913 1912
1914 1913 .label-summary{
1915 1914 display: table-cell;
1916 1915 min-width: @label-summary-minwidth;
1917 1916 padding-top: @padding/2;
1918 1917 padding-bottom: @padding/2;
1919 1918 padding-right: @padding/2;
1920 1919 }
1921 1920
1922 1921 .input{
1923 1922 display: table-cell;
1924 1923 padding: @padding/2;
1925 1924
1926 1925 input{
1927 1926 min-width: 29em;
1928 1927 padding: @padding/4;
1929 1928 }
1930 1929 }
1931 1930 .statistics, .downloads{
1932 1931 .disabled{
1933 1932 color: @grey4;
1934 1933 }
1935 1934 }
1936 1935 }
1937 1936 }
1938 1937
1939 1938 #summary{
1940 1939 width: 70%;
1941 1940 }
1942 1941
1943 1942
1944 1943 // Journal
1945 1944 .journal.title {
1946 1945 h5 {
1947 1946 float: left;
1948 1947 margin: 0;
1949 1948 width: 70%;
1950 1949 }
1951 1950
1952 1951 ul {
1953 1952 float: right;
1954 1953 display: inline-block;
1955 1954 margin: 0;
1956 1955 width: 30%;
1957 1956 text-align: right;
1958 1957
1959 1958 li {
1960 1959 display: inline;
1961 1960 font-size: @journal-fontsize;
1962 1961 line-height: 1em;
1963 1962
1964 1963 &:before { content: none; }
1965 1964 }
1966 1965 }
1967 1966 }
1968 1967
1969 1968 .filterexample {
1970 1969 position: absolute;
1971 1970 top: 95px;
1972 1971 left: @contentpadding;
1973 1972 color: @rcblue;
1974 1973 font-size: 11px;
1975 1974 font-family: @text-regular;
1976 1975 cursor: help;
1977 1976
1978 1977 &:hover {
1979 1978 color: @rcdarkblue;
1980 1979 }
1981 1980
1982 1981 @media (max-width:768px) {
1983 1982 position: relative;
1984 1983 top: auto;
1985 1984 left: auto;
1986 1985 display: block;
1987 1986 }
1988 1987 }
1989 1988
1990 1989
1991 1990 #journal{
1992 1991 margin-bottom: @space;
1993 1992
1994 1993 .journal_day{
1995 1994 margin-bottom: @textmargin/2;
1996 1995 padding-bottom: @textmargin/2;
1997 1996 font-size: @journal-fontsize;
1998 1997 border-bottom: @border-thickness solid @border-default-color;
1999 1998 }
2000 1999
2001 2000 .journal_container{
2002 2001 margin-bottom: @space;
2003 2002
2004 2003 .journal_user{
2005 2004 display: inline-block;
2006 2005 }
2007 2006 .journal_action_container{
2008 2007 display: block;
2009 2008 margin-top: @textmargin;
2010 2009
2011 2010 div{
2012 2011 display: inline;
2013 2012 }
2014 2013
2015 2014 div.journal_action_params{
2016 2015 display: block;
2017 2016 }
2018 2017
2019 2018 div.journal_repo:after{
2020 2019 content: "\A";
2021 2020 white-space: pre;
2022 2021 }
2023 2022
2024 2023 div.date{
2025 2024 display: block;
2026 2025 margin-bottom: @textmargin;
2027 2026 }
2028 2027 }
2029 2028 }
2030 2029 }
2031 2030
2032 2031 // Files
2033 2032 .edit-file-title {
2034 2033 border-bottom: @border-thickness solid @border-default-color;
2035 2034
2036 2035 .breadcrumbs {
2037 2036 margin-bottom: 0;
2038 2037 }
2039 2038 }
2040 2039
2041 2040 .edit-file-fieldset {
2042 2041 margin-top: @sidebarpadding;
2043 2042
2044 2043 .fieldset {
2045 2044 .left-label {
2046 2045 width: 13%;
2047 2046 }
2048 2047 .right-content {
2049 2048 width: 87%;
2050 2049 max-width: 100%;
2051 2050 }
2052 2051 .filename-label {
2053 2052 margin-top: 13px;
2054 2053 }
2055 2054 .commit-message-label {
2056 2055 margin-top: 4px;
2057 2056 }
2058 2057 .file-upload-input {
2059 2058 input {
2060 2059 display: none;
2061 2060 }
2062 2061 margin-top: 10px;
2063 2062 }
2064 2063 .file-upload-label {
2065 2064 margin-top: 10px;
2066 2065 }
2067 2066 p {
2068 2067 margin-top: 5px;
2069 2068 }
2070 2069
2071 2070 }
2072 2071 .custom-path-link {
2073 2072 margin-left: 5px;
2074 2073 }
2075 2074 #commit {
2076 2075 resize: vertical;
2077 2076 }
2078 2077 }
2079 2078
2080 2079 .delete-file-preview {
2081 2080 max-height: 250px;
2082 2081 }
2083 2082
2084 2083 .new-file,
2085 2084 #filter_activate,
2086 2085 #filter_deactivate {
2087 2086 float: left;
2088 2087 margin: 0 0 0 15px;
2089 2088 }
2090 2089
2091 2090 h3.files_location{
2092 2091 line-height: 2.4em;
2093 2092 }
2094 2093
2095 2094 .browser-nav {
2096 2095 display: table;
2097 2096 margin-bottom: @space;
2098 2097
2099 2098
2100 2099 .info_box {
2101 2100 display: inline-table;
2102 2101 height: 2.5em;
2103 2102
2104 2103 .browser-cur-rev, .info_box_elem {
2105 2104 display: table-cell;
2106 2105 vertical-align: middle;
2107 2106 }
2108 2107
2109 2108 .info_box_elem {
2110 2109 border-top: @border-thickness solid @rcblue;
2111 2110 border-bottom: @border-thickness solid @rcblue;
2112 2111
2113 2112 #at_rev, a {
2114 2113 padding: 0.6em 0.9em;
2115 2114 margin: 0;
2116 2115 .box-shadow(none);
2117 2116 border: 0;
2118 2117 height: 12px;
2119 2118 }
2120 2119
2121 2120 input#at_rev {
2122 2121 max-width: 50px;
2123 2122 text-align: right;
2124 2123 }
2125 2124
2126 2125 &.previous {
2127 2126 border: @border-thickness solid @rcblue;
2128 2127 .disabled {
2129 2128 color: @grey4;
2130 2129 cursor: not-allowed;
2131 2130 }
2132 2131 }
2133 2132
2134 2133 &.next {
2135 2134 border: @border-thickness solid @rcblue;
2136 2135 .disabled {
2137 2136 color: @grey4;
2138 2137 cursor: not-allowed;
2139 2138 }
2140 2139 }
2141 2140 }
2142 2141
2143 2142 .browser-cur-rev {
2144 2143
2145 2144 span{
2146 2145 margin: 0;
2147 2146 color: @rcblue;
2148 2147 height: 12px;
2149 2148 display: inline-block;
2150 2149 padding: 0.7em 1em ;
2151 2150 border: @border-thickness solid @rcblue;
2152 2151 margin-right: @padding;
2153 2152 }
2154 2153 }
2155 2154 }
2156 2155
2157 2156 .search_activate {
2158 2157 display: table-cell;
2159 2158 vertical-align: middle;
2160 2159
2161 2160 input, label{
2162 2161 margin: 0;
2163 2162 padding: 0;
2164 2163 }
2165 2164
2166 2165 input{
2167 2166 margin-left: @textmargin;
2168 2167 }
2169 2168
2170 2169 }
2171 2170 }
2172 2171
2173 2172 .browser-cur-rev{
2174 2173 margin-bottom: @textmargin;
2175 2174 }
2176 2175
2177 2176 #node_filter_box_loading{
2178 2177 .info_text;
2179 2178 }
2180 2179
2181 2180 .browser-search {
2182 2181 margin: -25px 0px 5px 0px;
2183 2182 }
2184 2183
2185 2184 .node-filter {
2186 2185 font-size: @repo-title-fontsize;
2187 2186 padding: 4px 0px 0px 0px;
2188 2187
2189 2188 .node-filter-path {
2190 2189 float: left;
2191 2190 color: @grey4;
2192 2191 }
2193 2192 .node-filter-input {
2194 2193 float: left;
2195 2194 margin: -2px 0px 0px 2px;
2196 2195 input {
2197 2196 padding: 2px;
2198 2197 border: none;
2199 2198 font-size: @repo-title-fontsize;
2200 2199 }
2201 2200 }
2202 2201 }
2203 2202
2204 2203
2205 2204 .browser-result{
2206 2205 td a{
2207 2206 margin-left: 0.5em;
2208 2207 display: inline-block;
2209 2208
2210 2209 em{
2211 2210 font-family: @text-bold;
2212 2211 }
2213 2212 }
2214 2213 }
2215 2214
2216 2215 .browser-highlight{
2217 2216 background-color: @grey5-alpha;
2218 2217 }
2219 2218
2220 2219
2221 2220 // Search
2222 2221
2223 2222 .search-form{
2224 2223 #q {
2225 2224 width: @search-form-width;
2226 2225 }
2227 2226 .fields{
2228 2227 margin: 0 0 @space;
2229 2228 }
2230 2229
2231 2230 label{
2232 2231 display: inline-block;
2233 2232 margin-right: @textmargin;
2234 2233 padding-top: 0.25em;
2235 2234 }
2236 2235
2237 2236
2238 2237 .results{
2239 2238 clear: both;
2240 2239 margin: 0 0 @padding;
2241 2240 }
2242 2241 }
2243 2242
2244 2243 div.search-feedback-items {
2245 2244 display: inline-block;
2246 2245 padding:0px 0px 0px 96px;
2247 2246 }
2248 2247
2249 2248 div.search-code-body {
2250 2249 background-color: #ffffff; padding: 5px 0 5px 10px;
2251 2250 pre {
2252 2251 .match { background-color: #faffa6;}
2253 2252 .break { display: block; width: 100%; background-color: #DDE7EF; color: #747474; }
2254 2253 }
2255 2254 }
2256 2255
2257 2256 .expand_commit.search {
2258 2257 .show_more.open {
2259 2258 height: auto;
2260 2259 max-height: none;
2261 2260 }
2262 2261 }
2263 2262
2264 2263 .search-results {
2265 2264
2266 2265 h2 {
2267 2266 margin-bottom: 0;
2268 2267 }
2269 2268 .codeblock {
2270 2269 border: none;
2271 2270 background: transparent;
2272 2271 }
2273 2272
2274 2273 .codeblock-header {
2275 2274 border: none;
2276 2275 background: transparent;
2277 2276 }
2278 2277
2279 2278 .code-body {
2280 2279 border: @border-thickness solid @border-default-color;
2281 2280 .border-radius(@border-radius);
2282 2281 }
2283 2282
2284 2283 .td-commit {
2285 2284 &:extend(pre);
2286 2285 border-bottom: @border-thickness solid @border-default-color;
2287 2286 }
2288 2287
2289 2288 .message {
2290 2289 height: auto;
2291 2290 max-width: 350px;
2292 2291 white-space: normal;
2293 2292 text-overflow: initial;
2294 2293 overflow: visible;
2295 2294
2296 2295 .match { background-color: #faffa6;}
2297 2296 .break { background-color: #DDE7EF; width: 100%; color: #747474; display: block; }
2298 2297 }
2299 2298
2300 2299 }
2301 2300
2302 2301 table.rctable td.td-search-results div {
2303 2302 max-width: 100%;
2304 2303 }
2305 2304
2306 2305 #tip-box, .tip-box{
2307 2306 padding: @menupadding/2;
2308 2307 display: block;
2309 2308 border: @border-thickness solid @border-highlight-color;
2310 2309 .border-radius(@border-radius);
2311 2310 background-color: white;
2312 2311 z-index: 99;
2313 2312 white-space: pre-wrap;
2314 2313 }
2315 2314
2316 2315 #linktt {
2317 2316 width: 79px;
2318 2317 }
2319 2318
2320 2319 #help_kb .modal-content{
2321 2320 max-width: 750px;
2322 2321 margin: 10% auto;
2323 2322
2324 2323 table{
2325 2324 td,th{
2326 2325 border-bottom: none;
2327 2326 line-height: 2.5em;
2328 2327 }
2329 2328 th{
2330 2329 padding-bottom: @textmargin/2;
2331 2330 }
2332 2331 td.keys{
2333 2332 text-align: center;
2334 2333 }
2335 2334 }
2336 2335
2337 2336 .block-left{
2338 2337 width: 45%;
2339 2338 margin-right: 5%;
2340 2339 }
2341 2340 .modal-footer{
2342 2341 clear: both;
2343 2342 }
2344 2343 .key.tag{
2345 2344 padding: 0.5em;
2346 2345 background-color: @rcblue;
2347 2346 color: white;
2348 2347 border-color: @rcblue;
2349 2348 .box-shadow(none);
2350 2349 }
2351 2350 }
2352 2351
2353 2352
2354 2353
2355 2354 //--- IMPORTS FOR REFACTORED STYLES ------------------//
2356 2355
2357 2356 @import 'statistics-graph';
2358 2357 @import 'tables';
2359 2358 @import 'forms';
2360 2359 @import 'diff';
2361 2360 @import 'summary';
2362 2361 @import 'navigation';
2363 2362
2364 2363 //--- SHOW/HIDE SECTIONS --//
2365 2364
2366 2365 .btn-collapse {
2367 2366 float: right;
2368 2367 text-align: right;
2369 2368 font-family: @text-light;
2370 2369 font-size: @basefontsize;
2371 2370 cursor: pointer;
2372 2371 border: none;
2373 2372 color: @rcblue;
2374 2373 }
2375 2374
2376 2375 table.rctable,
2377 2376 table.dataTable {
2378 2377 .btn-collapse {
2379 2378 float: right;
2380 2379 text-align: right;
2381 2380 }
2382 2381 }
2383 2382
2384 2383
2385 2384 // TODO: johbo: Fix for IE10, this avoids that we see a border
2386 2385 // and padding around checkboxes and radio boxes. Move to the right place,
2387 2386 // or better: Remove this once we did the form refactoring.
2388 2387 input[type=checkbox],
2389 2388 input[type=radio] {
2390 2389 padding: 0;
2391 2390 border: none;
2392 2391 }
2393 2392
2394 2393 .toggle-ajax-spinner{
2395 2394 height: 16px;
2396 2395 width: 16px;
2397 2396 }
@@ -1,546 +1,550 b''
1 1
2 2 // tables.less
3 3 // For use in RhodeCode application tables;
4 4 // see style guide documentation for guidelines.
5 5
6 6 // TABLES
7 7
8 8 .rctable,
9 9 table.rctable,
10 10 table.dataTable {
11 11 clear:both;
12 12 width: 100%;
13 13 margin: 0 auto @padding;
14 14 padding: 0;
15 15 vertical-align: baseline;
16 16 line-height:1.5em;
17 17 border: none;
18 18 outline: none;
19 19 border-collapse: collapse;
20 20 border-spacing: 0;
21 21 color: @grey2;
22 22
23 23 b {
24 24 font-weight: normal;
25 25 }
26 26
27 27 em {
28 28 font-weight: bold;
29 29 font-style: normal;
30 30 }
31 31
32 32 th,
33 33 td {
34 34 height: auto;
35 35 max-width: 20%;
36 36 padding: .65em 1em .65em 0;
37 37 vertical-align: middle;
38 38 border-bottom: @border-thickness solid @grey5;
39 39 white-space: normal;
40 40
41 41 &.td-radio,
42 42 &.td-checkbox {
43 43 padding-right: 0;
44 44 text-align: center;
45 45
46 46 input {
47 47 margin: 0 1em;
48 48 }
49 49 }
50 50
51 51 &.truncate-wrap {
52 52 white-space: nowrap !important;
53 53 }
54 54
55 55 pre {
56 56 margin: 0;
57 57 }
58 58
59 59 .show_more {
60 60 height: inherit;
61 61 }
62 62 }
63 63
64 64 .expired td {
65 65 background-color: @grey7;
66 66 }
67 67
68 68 .td-radio + .td-owner {
69 69 padding-left: 1em;
70 70 }
71 71
72 72
73 73 th {
74 74 text-align: left;
75 75 font-family: @text-semibold;
76 76 }
77 77
78 78 .hl {
79 79 td {
80 80 background-color: lighten(@alert4,25%);
81 81 }
82 82 }
83 83
84 84 // Special Data Cell Types
85 85 // See style guide for desciptions and examples.
86 86
87 87 td {
88 88
89 89 &.user {
90 90 padding-left: 1em;
91 91 }
92 92
93 93 &.td-rss {
94 94 width: 20px;
95 95 min-width: 0;
96 96 margin: 0;
97 97 }
98 98
99 99 &.quick_repo_menu {
100 100 width: 15px;
101 101 text-align: center;
102 102
103 103 &:hover {
104 104 background-color: @grey5;
105 105 }
106 106 }
107 107
108 108 &.td-hash {
109 109 min-width: 80px;
110 110 width: 200px;
111 111
112 112 .obsolete {
113 113 text-decoration: line-through;
114 114 color: lighten(@grey2,25%);
115 115 }
116 116 }
117 117
118 118 &.td-time {
119 119 width: 160px;
120 120 white-space: nowrap;
121 121 }
122 122
123 123 &.annotate{
124 124 padding-right: 0;
125 125
126 126 div.annotatediv{
127 127 margin: 0 0.7em;
128 128 }
129 129 }
130 130
131 131 &.tags-col {
132 132 padding-right: 0;
133 133 }
134 134
135 135 &.td-description {
136 136 min-width: 350px;
137 137
138 138 &.truncate, .truncate-wrap {
139 139 white-space: nowrap;
140 140 overflow: hidden;
141 141 text-overflow: ellipsis;
142 142 max-width: 450px;
143 143 }
144 144 }
145 145
146 146 &.td-componentname {
147 147 white-space: nowrap;
148 148 }
149 149
150 &.td-name {
151
152 }
153
150 154 &.td-journalaction {
151 155 min-width: 300px;
152 156
153 157 .journal_action_params {
154 158 // waiting for feedback
155 159 }
156 160 }
157 161
158 162 &.td-active {
159 163 padding-left: .65em;
160 164 }
161 165
162 166 &.td-url {
163 167 white-space: nowrap;
164 168 }
165 169
166 170 &.td-comments {
167 171 min-width: 3em;
168 172 }
169 173
170 174 &.td-buttons {
171 175 padding: .3em 0;
172 176 }
173 177
174 178 &.td-action {
175 179 // this is for the remove/delete/edit buttons
176 180 padding-right: 0;
177 181 min-width: 95px;
178 182 text-transform: capitalize;
179 183
180 184 i {
181 185 display: none;
182 186 }
183 187 }
184 188
185 189 // TODO: lisa: this needs to be cleaned up with the buttons
186 190 .grid_edit,
187 191 .grid_delete {
188 192 display: inline-block;
189 193 margin: 0 @padding/3 0 0;
190 194 font-family: @text-light;
191 195
192 196 i {
193 197 display: none;
194 198 }
195 199 }
196 200
197 201 .grid_edit + .grid_delete {
198 202 border-left: @border-thickness solid @grey5;
199 203 padding-left: @padding/2;
200 204 }
201 205
202 206 &.td-compare {
203 207
204 208 input {
205 209 margin-right: 1em;
206 210 }
207 211
208 212 .compare-radio-button {
209 213 margin: 0 1em 0 0;
210 214 }
211 215
212 216
213 217 }
214 218
215 219 &.td-tags {
216 220 padding: .5em 1em .5em 0;
217 221 width: 140px;
218 222
219 223 .tag {
220 224 margin: 1px;
221 225 float: left;
222 226 }
223 227 }
224 228
225 229 .icon-svn, .icon-hg, .icon-git {
226 230 font-size: 1.4em;
227 231 }
228 232
229 233 &.collapse_commit,
230 234 &.expand_commit {
231 235 padding-right: 0;
232 236 padding-left: 1em;
233 237 }
234 238 }
235 239
236 240 .perm_admin_row {
237 241 color: @grey4;
238 242 background-color: @grey6;
239 243 }
240 244
241 245 .noborder {
242 246 border: none;
243 247
244 248 td {
245 249 border: none;
246 250 }
247 251 }
248 252 }
249 253
250 254 // TRUNCATING
251 255 // TODO: lisaq: should this possibly be moved out of tables.less?
252 256 // for truncated text
253 257 // used inside of table cells and in code block headers
254 258 .truncate-wrap {
255 259 white-space: nowrap !important;
256 260
257 261 //truncated text
258 262 .truncate {
259 263 max-width: 450px;
260 264 width: 300px;
261 265 overflow: hidden;
262 266 text-overflow: ellipsis;
263 267 -o-text-overflow: ellipsis;
264 268 -ms-text-overflow: ellipsis;
265 269
266 270 &.autoexpand {
267 271 width: 120px;
268 272 margin-right: 200px;
269 273 }
270 274 }
271 275 &:hover .truncate.autoexpand {
272 276 overflow: visible;
273 277 }
274 278
275 279 .tags-truncate {
276 280 width: 150px;
277 281 height: 22px;
278 282 overflow: hidden;
279 283
280 284 .tag {
281 285 display: inline-block;
282 286 }
283 287
284 288 &.truncate {
285 289 height: 22px;
286 290 max-height:2em;
287 291 width: 140px;
288 292 }
289 293 }
290 294 }
291 295
292 296 .apikeys_wrap {
293 297 margin-bottom: @padding;
294 298
295 299 table.rctable td:first-child {
296 300 width: 340px;
297 301 }
298 302 }
299 303
300 304
301 305
302 306 // SPECIAL CASES
303 307
304 308 // Repository Followers
305 309 table.rctable.followers_data {
306 310 width: 75%;
307 311 margin: 0;
308 312 }
309 313
310 314 // Repository List
311 315 // Group Members List
312 316 table.rctable.group_members,
313 317 table#repo_list_table {
314 318 min-width: 600px;
315 319 }
316 320
317 321 // Keyboard mappings
318 322 table.keyboard-mappings {
319 323 th {
320 324 text-align: left;
321 325 font-family: @text-semibold;
322 326 }
323 327 }
324 328
325 329 // Branches, Tags, and Bookmarks
326 330 #obj_list_table.dataTable {
327 331 td.td-time {
328 332 padding-right: 1em;
329 333 }
330 334 }
331 335
332 336 // User Admin
333 337 .rctable.useremails,
334 338 .rctable.account_emails {
335 339 .tag,
336 340 .btn {
337 341 float: right;
338 342 }
339 343 .btn { //to line up with tags
340 344 margin-right: 1.65em;
341 345 }
342 346 }
343 347
344 348 // User List
345 349 #user_list_table {
346 350
347 351 td.td-user {
348 352 min-width: 100px;
349 353 }
350 354 }
351 355
352 356 // Pull Request List Table
353 357 #pull_request_list_table.dataTable {
354 358
355 359 //TODO: lisa: This needs to be removed once the description is adjusted
356 360 // for using an expand_commit button (see issue 765)
357 361 td {
358 362 vertical-align: middle;
359 363 }
360 364 }
361 365
362 366 // Settings (no border)
363 367 table.rctable.dl-settings {
364 368 td {
365 369 border: none;
366 370 }
367 371 }
368 372
369 373
370 374 // Statistics
371 375 table.trending_language_tbl {
372 376 width: 100%;
373 377 line-height: 1em;
374 378
375 379 td div {
376 380 overflow: visible;
377 381 }
378 382 }
379 383
380 384 .trending_language_tbl, .trending_language_tbl td {
381 385 border: 0;
382 386 margin: 0;
383 387 padding: 0;
384 388 background: transparent;
385 389 }
386 390
387 391 .trending_language_tbl, .trending_language_tbl tr {
388 392 border-spacing: 0 3px;
389 393 }
390 394
391 395 .trending_language {
392 396 position: relative;
393 397 width: 100%;
394 398 height: 19px;
395 399 overflow: hidden;
396 400 background-color: @grey6;
397 401
398 402 span, b{
399 403 position: absolute;
400 404 display: block;
401 405 height: 12px;
402 406 margin-bottom: 0px;
403 407 white-space: pre;
404 408 padding: floor(@basefontsize/4);
405 409 top: 0;
406 410 left: 0;
407 411 }
408 412
409 413 span{
410 414 color: @text-color;
411 415 z-index: 0;
412 416 min-width: 20px;
413 417 }
414 418
415 419 b {
416 420 z-index: 1;
417 421 overflow: hidden;
418 422 background-color: @rcblue;
419 423 color: #FFF;
420 424 text-decoration: none;
421 425 }
422 426
423 427 }
424 428
425 429 // Changesets
426 430 #changesets.rctable {
427 431
428 432 // td must be fixed height for graph
429 433 td {
430 434 height: 32px;
431 435 padding: 0 1em 0 0;
432 436 vertical-align: middle;
433 437 white-space: nowrap;
434 438
435 439 &.td-description {
436 440 white-space: normal;
437 441 }
438 442
439 443 &.expand_commit {
440 444 padding-right: 0;
441 445 }
442 446 }
443 447 }
444 448
445 449 // Compare
446 450 table.compare_view_commits {
447 451 margin-top: @space;
448 452
449 453 td.td-time {
450 454 padding-left: .5em;
451 455 }
452 456
453 457 // special case to not show hover actions on hidden indicator
454 458 tr.compare_select_hidden:hover {
455 459 cursor: inherit;
456 460
457 461 td {
458 462 background-color: inherit;
459 463 }
460 464 }
461 465
462 466 tr:hover {
463 467 cursor: pointer;
464 468
465 469 td {
466 470 background-color: lighten(@alert4,25%);
467 471 }
468 472 }
469 473
470 474
471 475 }
472 476
473 477 .file_history {
474 478 td.td-actions {
475 479 text-align: right;
476 480 }
477 481 }
478 482
479 483 .compare_view_files {
480 484
481 485 td.td-actions {
482 486 text-align: right;
483 487 }
484 488
485 489 .flag_status {
486 490 margin: 0 0 0 5px;
487 491 }
488 492
489 493 td.injected_diff {
490 494
491 495 .code-difftable {
492 496 border:none;
493 497 }
494 498
495 499 .diff-container {
496 500 border: @border-thickness solid @border-default-color;
497 501 .border-radius(@border-radius);
498 502 }
499 503
500 504 div.diffblock {
501 505 border:none;
502 506 }
503 507
504 508 div.code-body {
505 509 max-width: 1152px;
506 510 }
507 511 }
508 512
509 513 .rctable {
510 514
511 515 td {
512 516 padding-top: @space;
513 517 }
514 518
515 519 &:first-child td {
516 520 padding-top: 0;
517 521 }
518 522 }
519 523
520 524 .comment-bubble,
521 525 .show_comments {
522 526 float: right;
523 527 visibility: hidden;
524 528 padding: 0 1em 0 0;
525 529 }
526 530
527 531 .injected_diff {
528 532 padding-bottom: @padding;
529 533 }
530 534 }
531 535
532 536 // Gist List
533 537 #gist_list_table {
534 538 td {
535 539 vertical-align: middle;
536 540
537 541 div{
538 542 display: inline-block;
539 543 vertical-align: middle;
540 544 }
541 545
542 546 img{
543 547 vertical-align: middle;
544 548 }
545 549 }
546 550 }
@@ -1,212 +1,212 b''
1 1 ## snippet for displaying permissions overview for users
2 2 ## usage:
3 3 ## <%namespace name="p" file="/base/perms_summary.mako"/>
4 4 ## ${p.perms_summary(c.perm_user.permissions)}
5 5
6 6 <%def name="perms_summary(permissions, show_all=False, actions=True, side_link=None)">
7 7 <div id="perms" class="table fields">
8 8 %for section in sorted(permissions.keys()):
9 9 <div class="panel panel-default">
10 10 <div class="panel-heading">
11 11 <h3 class="panel-title">${section.replace("_"," ").capitalize()}</h3>
12 12 % if side_link:
13 13 <div class="pull-right">
14 14 <a href="${side_link}">${_('in JSON format')}</a>
15 15 </div>
16 16 % endif
17 17 </div>
18 18 <div class="panel-body">
19 19 <div class="perms_section_head field">
20 20 <div class="radios">
21 21 %if section != 'global':
22 22 <span class="permissions_boxes">
23 23 <span class="desc">${_('show')}: </span>
24 24 ${h.checkbox('perms_filter_none_%s' % section, 'none', 'checked', class_='perm_filter filter_%s' % section, section=section, perm_type='none')} <label for="${'perms_filter_none_%s' % section}"><span class="perm_tag none">${_('none')}</span></label>
25 25 ${h.checkbox('perms_filter_read_%s' % section, 'read', 'checked', class_='perm_filter filter_%s' % section, section=section, perm_type='read')} <label for="${'perms_filter_read_%s' % section}"><span class="perm_tag read">${_('read')}</span></label>
26 26 ${h.checkbox('perms_filter_write_%s' % section, 'write', 'checked', class_='perm_filter filter_%s' % section, section=section, perm_type='write')} <label for="${'perms_filter_write_%s' % section}"> <span class="perm_tag write">${_('write')}</span></label>
27 27 ${h.checkbox('perms_filter_admin_%s' % section, 'admin', 'checked', class_='perm_filter filter_%s' % section, section=section, perm_type='admin')} <label for="${'perms_filter_admin_%s' % section}"><span class="perm_tag admin">${_('admin')}</span></label>
28 28 </span>
29 29 %endif
30 30 </div>
31 31 </div>
32 32 <div class="field">
33 33 %if not permissions[section]:
34 34 <p class="empty_data help-block">${_('No permissions defined')}</p>
35 35 %else:
36 36 <div id='tbl_list_wrap_${section}'>
37 37 <table id="tbl_list_${section}" class="rctable">
38 38 ## global permission box
39 39 %if section == 'global':
40 40 <thead>
41 41 <tr>
42 42 <th colspan="2" class="left">${_('Permission')}</th>
43 43 %if actions:
44 44 <th>${_('Edit Permission')}</th>
45 45 %endif
46 46 </thead>
47 47 <tbody>
48 48
49 49 <%
50 50 def get_section_perms(prefix, opts):
51 51 _selected = []
52 52 for op in opts:
53 53 if op.startswith(prefix) and not op.startswith('hg.create.write_on_repogroup'):
54 54 _selected.append(op)
55 55 admin = 'hg.admin' in opts
56 56 _selected_vals = [x.partition(prefix)[-1] for x in _selected]
57 57 return admin, _selected_vals, _selected
58 58 %>
59 59 <%def name="glob(lbl, val, val_lbl=None, custom_url=None)">
60 60 <tr>
61 61 <td class="td-tags">
62 62 ${lbl}
63 63 </td>
64 64 <td class="td-tags">
65 65 %if val[0]:
66 66 %if not val_lbl:
67 67 ${h.bool2icon(True)}
68 68 %else:
69 69 <span class="perm_tag admin">${val_lbl}.admin</span>
70 70 %endif
71 71 %else:
72 72 %if not val_lbl:
73 73 ${h.bool2icon({'false': False,
74 74 'true': True,
75 75 'none': False,
76 76 'repository': True}.get(val[1][0] if 0 < len(val[1]) else 'false'))}
77 77 %else:
78 78 <span class="perm_tag ${val[1][0]}">${val_lbl}.${val[1][0]}</span>
79 79 %endif
80 80 %endif
81 81 </td>
82 82 %if actions:
83 83 <td class="td-action">
84 84 <a href="${custom_url or h.route_path('admin_permissions_global')}">${_('edit')}</a>
85 85 </td>
86 86 %endif
87 87 </tr>
88 88 </%def>
89 89
90 90 ${glob(_('Super admin'), get_section_perms('hg.admin', permissions[section]))}
91 91
92 92 ${glob(_('Repository default permission'), get_section_perms('repository.', permissions[section]), 'repository', h.route_path('admin_permissions_object'))}
93 93 ${glob(_('Repository group default permission'), get_section_perms('group.', permissions[section]), 'group', h.route_path('admin_permissions_object'))}
94 94 ${glob(_('User group default permission'), get_section_perms('usergroup.', permissions[section]), 'usergroup', h.route_path('admin_permissions_object'))}
95 95
96 96 ${glob(_('Create repositories'), get_section_perms('hg.create.', permissions[section]), custom_url=h.route_path('admin_permissions_global'))}
97 97 ${glob(_('Fork repositories'), get_section_perms('hg.fork.', permissions[section]), custom_url=h.route_path('admin_permissions_global'))}
98 98 ${glob(_('Create repository groups'), get_section_perms('hg.repogroup.create.', permissions[section]), custom_url=h.route_path('admin_permissions_global'))}
99 99 ${glob(_('Create user groups'), get_section_perms('hg.usergroup.create.', permissions[section]), custom_url=h.route_path('admin_permissions_global'))}
100 100
101 101
102 102 </tbody>
103 103 %else:
104 104 ## none/read/write/admin permissions on groups/repos etc
105 105 <thead>
106 106 <tr>
107 107 <th>${_('Name')}</th>
108 108 <th>${_('Permission')}</th>
109 109 %if actions:
110 110 <th>${_('Edit Permission')}</th>
111 111 %endif
112 112 </thead>
113 113 <tbody class="section_${section}">
114 114 <%
115 115 def sorter(permissions):
116 116 def custom_sorter(item):
117 117 ## read/write/admin
118 118 section = item[1].split('.')[-1]
119 119 section_importance = {'none': u'0',
120 120 'read': u'1',
121 121 'write':u'2',
122 122 'admin':u'3'}.get(section)
123 123 ## sort by group importance+name
124 124 return section_importance+item[0]
125 125 return sorted(permissions, key=custom_sorter)
126 126 %>
127 127 %for k, section_perm in sorter(permissions[section].items()):
128 128 %if section_perm.split('.')[-1] != 'none' or show_all:
129 129 <tr class="perm_row ${'%s_%s' % (section, section_perm.split('.')[-1])}">
130 <td class="td-componentname">
130 <td class="td-name"">
131 131 %if section == 'repositories':
132 132 <a href="${h.route_path('repo_summary',repo_name=k)}">${k}</a>
133 133 %elif section == 'repositories_groups':
134 134 <a href="${h.route_path('repo_group_home', repo_group_name=k)}">${k}</a>
135 135 %elif section == 'user_groups':
136 136 ##<a href="${h.url('edit_users_group',user_group_id=k)}">${k}</a>
137 137 ${k}
138 138 %endif
139 139 </td>
140 140 <td class="td-tags">
141 141 %if hasattr(permissions[section], 'perm_origin_stack'):
142 142 %for i, (perm, origin) in enumerate(reversed(permissions[section].perm_origin_stack[k])):
143 143 <span class="${i > 0 and 'perm_overriden' or ''} perm_tag ${perm.split('.')[-1]}">
144 144 ${perm} (${origin})
145 145 </span>
146 146 %endfor
147 147 %else:
148 148 <span class="perm_tag ${section_perm.split('.')[-1]}">${section_perm}</span>
149 149 %endif
150 150 </td>
151 151 %if actions:
152 152 <td class="td-action">
153 153 %if section == 'repositories':
154 154 <a href="${h.route_path('edit_repo_perms',repo_name=k,_anchor='permissions_manage')}">${_('edit')}</a>
155 155 %elif section == 'repositories_groups':
156 156 <a href="${h.url('edit_repo_group_perms',group_name=k,anchor='permissions_manage')}">${_('edit')}</a>
157 157 %elif section == 'user_groups':
158 158 ##<a href="${h.url('edit_users_group',user_group_id=k)}">${_('edit')}</a>
159 159 %endif
160 160 </td>
161 161 %endif
162 162 </tr>
163 163 %endif
164 164 %endfor
165 165
166 166 <tr id="empty_${section}" class="noborder" style="display:none;">
167 167 <td colspan="6">${_('No permission defined')}</td>
168 168 </tr>
169 169
170 170 </tbody>
171 171 %endif
172 172 </table>
173 173 </div>
174 174 %endif
175 175 </div>
176 176 </div>
177 177 </div>
178 178 %endfor
179 179 </div>
180 180
181 181 <script>
182 182 $(document).ready(function(){
183 183 var show_empty = function(section){
184 184 var visible = $('.section_{0} tr.perm_row:visible'.format(section)).length;
185 185 if(visible == 0){
186 186 $('#empty_{0}'.format(section)).show();
187 187 }
188 188 else{
189 189 $('#empty_{0}'.format(section)).hide();
190 190 }
191 191 };
192 192 $('.perm_filter').on('change', function(e){
193 193 var self = this;
194 194 var section = $(this).attr('section');
195 195
196 196 var opts = {};
197 197 var elems = $('.filter_' + section).each(function(el){
198 198 var perm_type = $(this).attr('perm_type');
199 199 var checked = this.checked;
200 200 opts[perm_type] = checked;
201 201 if(checked){
202 202 $('.'+section+'_'+perm_type).show();
203 203 }
204 204 else{
205 205 $('.'+section+'_'+perm_type).hide();
206 206 }
207 207 });
208 208 show_empty(section);
209 209 })
210 210 })
211 211 </script>
212 212 </%def>
General Comments 0
You need to be logged in to leave comments. Login now