##// END OF EJS Templates
packages: bumped JS dependencies and added sweetAlert
marcink -
r4310:dea8a4cb default
parent child Browse files
Show More

The requested changes are too big and content was truncated. Show full diff

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