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