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