@leapdev/gui 0.2.229 → 0.2.230
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/4d-bylawyers.css +1 -1
- package/dist/css/4d-lawconnect.css +1 -1
- package/dist/css/4d-leap-web.css +1 -1
- package/dist/css/4d-leap.css +1 -1
- package/dist/index.html +2 -2
- package/dist/scss/4d/_base.scss +2 -0
- package/dist/scss/4d/_content-app.scss +4 -4
- package/dist/scss/4d/_variables-bylawyers.scss +37 -123
- package/dist/scss/4d/_variables-web.scss +37 -21
- package/dist/scss/4d/_variables.scss +35 -18
- package/dist/scss/4d/components/page.scss +12 -1
- package/dist/scss/4d/components/responsive-table.scss +50 -0
- package/dist/scss/4d/components/section.scss +4 -0
- package/dist/scss/4d/mixins/_all.scss +2 -1
- package/dist/scss/4d/mixins/_mobile-device.scss +8 -0
- package/dist/scss/4d/overrides/buttons/buttons.scss +20 -0
- package/dist/scss/4d/overrides/forms/form-group.scss +13 -0
- package/dist/scss/4d/overrides/forms/forms.scss +0 -1
- package/dist/scss/4d/overrides/forms/input-options.scss +46 -12
- package/dist/scss/4d/overrides/forms/input-select.scss +59 -5
- package/dist/scss/4d/overrides/forms/input-text.scss +6 -0
- package/dist/scss/4d/overrides/grid/_grid.scss +13 -0
- package/dist/scss/4d/overrides/nav/navbar.scss +82 -3
- package/dist/scss/4d/overrides/product/_bylawyers.scss +17 -10
- package/dist/scss/4d/overrides/product/_leapweb.scss +13 -56
- package/package.json +1 -1
- package/dist/scss/4d/overrides/forms/input-range.scss +0 -0
package/dist/index.html
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
<meta charset="utf-8">
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
6
6
|
<title>GUI v3</title>
|
|
7
|
-
<link href="css/x1-leap.css?
|
|
7
|
+
<link href="css/x1-leap.css?a84a8731d61ee9cbb638" rel="stylesheet"><link href="css/x1-titlex.css?a84a8731d61ee9cbb638" rel="stylesheet"><link href="css/x1-titlex-leap-design-fix.css?a84a8731d61ee9cbb638" rel="stylesheet"><link href="css/x1-leap-slim.css?a84a8731d61ee9cbb638" rel="stylesheet"><link href="css/x1-titlex-slim.css?a84a8731d61ee9cbb638" rel="stylesheet"><link href="css/x3-whitelabel.css?a84a8731d61ee9cbb638" rel="stylesheet"><link href="css/4d-leap.css?a84a8731d61ee9cbb638" rel="stylesheet"><link href="css/4d-lawconnect.css?a84a8731d61ee9cbb638" rel="stylesheet"><link href="css/4d-bylawyers.css?a84a8731d61ee9cbb638" rel="stylesheet"><link href="css/4d-leap-web.css?a84a8731d61ee9cbb638" rel="stylesheet"><link href="css/xsf-crx-leap.css?a84a8731d61ee9cbb638" rel="stylesheet"><link href="css/xsf-crx-lawconnect.css?a84a8731d61ee9cbb638" rel="stylesheet"><link href="css/bs-leap-slim.css?a84a8731d61ee9cbb638" rel="stylesheet"><link href="css/bs-leap.css?a84a8731d61ee9cbb638" rel="stylesheet"><link href="css/bs-titlex.css?a84a8731d61ee9cbb638" rel="stylesheet"><link href="css/bs-lawconnect.css?a84a8731d61ee9cbb638" rel="stylesheet"></head>
|
|
8
8
|
<body class="container">
|
|
9
9
|
<h1>
|
|
10
10
|
h1. Bootstrap heading
|
|
@@ -27,5 +27,5 @@
|
|
|
27
27
|
<div class="p-3 mb-2 bg-light text-dark">.bg-light</div>
|
|
28
28
|
<div class="p-3 mb-2 bg-dark text-white">.bg-dark</div>
|
|
29
29
|
<div class="p-3 mb-2 bg-white text-dark">.bg-white</div>
|
|
30
|
-
<script type="text/javascript" src="app.js?
|
|
30
|
+
<script type="text/javascript" src="app.js?a84a8731d61ee9cbb638"></script><script type="text/javascript" src="x1-leap.js?a84a8731d61ee9cbb638"></script><script type="text/javascript" src="x1-titlex.js?a84a8731d61ee9cbb638"></script><script type="text/javascript" src="x1-titlex-leap-design-fix.js?a84a8731d61ee9cbb638"></script><script type="text/javascript" src="x1-leap-slim.js?a84a8731d61ee9cbb638"></script><script type="text/javascript" src="x1-titlex-slim.js?a84a8731d61ee9cbb638"></script><script type="text/javascript" src="x3-whitelabel.js?a84a8731d61ee9cbb638"></script><script type="text/javascript" src="4d-leap.js?a84a8731d61ee9cbb638"></script><script type="text/javascript" src="4d-lawconnect.js?a84a8731d61ee9cbb638"></script><script type="text/javascript" src="4d-bylawyers.js?a84a8731d61ee9cbb638"></script><script type="text/javascript" src="4d-leap-web.js?a84a8731d61ee9cbb638"></script><script type="text/javascript" src="xsf-crx-leap.js?a84a8731d61ee9cbb638"></script><script type="text/javascript" src="xsf-crx-lawconnect.js?a84a8731d61ee9cbb638"></script><script type="text/javascript" src="bs-leap-slim.js?a84a8731d61ee9cbb638"></script><script type="text/javascript" src="bs-leap.js?a84a8731d61ee9cbb638"></script><script type="text/javascript" src="bs-titlex.js?a84a8731d61ee9cbb638"></script><script type="text/javascript" src="bs-lawconnect.js?a84a8731d61ee9cbb638"></script></body>
|
|
31
31
|
</html>
|
package/dist/scss/4d/_base.scss
CHANGED
|
@@ -67,6 +67,7 @@
|
|
|
67
67
|
@import "./overrides/card/card";
|
|
68
68
|
@import "./overrides/typography/page-header";
|
|
69
69
|
@import "./overrides/dropdown/dropdown-menu";
|
|
70
|
+
@import "./overrides/grid/grid";
|
|
70
71
|
|
|
71
72
|
|
|
72
73
|
@import "./components/btn";
|
|
@@ -84,3 +85,4 @@
|
|
|
84
85
|
@import "./components/toastr.scss";
|
|
85
86
|
@import "./components/tabs.scss";
|
|
86
87
|
@import "./components/grid.scss";
|
|
88
|
+
@import "./components/responsive-table.scss";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
h3 {
|
|
3
|
-
text-transform: uppercase !important;
|
|
4
|
-
font-weight: 600 !important;
|
|
5
|
-
font-size: 1.15rem !important;
|
|
6
|
-
margin-bottom: 0.5rem !important;
|
|
3
|
+
// text-transform: uppercase !important;
|
|
4
|
+
// font-weight: 600 !important;
|
|
5
|
+
// font-size: 1.15rem !important;
|
|
6
|
+
// margin-bottom: 0.5rem !important;
|
|
7
7
|
}
|
|
@@ -10,10 +10,10 @@
|
|
|
10
10
|
--border-color: #BABCC2;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
$is-sirius:
|
|
13
|
+
$is-sirius: true !default;
|
|
14
14
|
$is-dark-theme: false !default;
|
|
15
15
|
$enable-navbar-fixed-top: true;
|
|
16
|
-
$enable-transitions:
|
|
16
|
+
$enable-transitions: true;
|
|
17
17
|
$enable-shadows: true;
|
|
18
18
|
$enable-caret: true;
|
|
19
19
|
$enable-chevron: true;
|
|
@@ -170,7 +170,7 @@ $line-height-xs: 1 !default;
|
|
|
170
170
|
$line-height-base: 1.5;
|
|
171
171
|
$line-height-lg: 1;
|
|
172
172
|
|
|
173
|
-
$border-radius-sm:
|
|
173
|
+
$border-radius-sm: 2px;
|
|
174
174
|
$border-radius: 0;
|
|
175
175
|
$border-radius-lg: 22px;
|
|
176
176
|
$border-radius-xl: 0 !default;
|
|
@@ -182,6 +182,9 @@ $icons-path: "~ag-grid-community/src/styles/ag-theme-material/i
|
|
|
182
182
|
|
|
183
183
|
// Buttons + Forms
|
|
184
184
|
//
|
|
185
|
+
$label-font-size: 0.8125rem !default;
|
|
186
|
+
$label-font-weight: 400 !default;;
|
|
187
|
+
$label-font-color: #5d5e61 !default;
|
|
185
188
|
$label-margin-bottom: 0.313rem !default;
|
|
186
189
|
$form-group-margin-bottom: 0.750rem !default;
|
|
187
190
|
|
|
@@ -240,7 +243,9 @@ $custom-select-box-shadow: $input-box-shadow;
|
|
|
240
243
|
// Default select
|
|
241
244
|
//
|
|
242
245
|
$select-bg: $gray-var-4 !default;
|
|
243
|
-
$select-border-color: $
|
|
246
|
+
$select-border-color: $border-color !default;
|
|
247
|
+
$select-border-focus-color: theme-color("primary-lighter") !default;
|
|
248
|
+
$select-shadow-focus-color: #cdd3dc;
|
|
244
249
|
|
|
245
250
|
// Default Range and Custom Range
|
|
246
251
|
//
|
|
@@ -375,7 +380,7 @@ $custom-control-indicator-checked-bg: theme-color('secondary-lighter')
|
|
|
375
380
|
$custom-control-indicator-active-bg: theme-color('primary-transparent');
|
|
376
381
|
$custom-control-indicator-disabled-bg: $input-disabled-bg;
|
|
377
382
|
$custom-checkbox-indicator-border-radius: 0;
|
|
378
|
-
$custom-checkbox-indicator-indeterminate-color:
|
|
383
|
+
$custom-checkbox-indicator-indeterminate-color: #fff;
|
|
379
384
|
$custom-checkbox-indicator-indeterminate-bg: $custom-control-indicator-checked-bg;
|
|
380
385
|
|
|
381
386
|
$custom-control-indicator-checked-disabled-bg: $input-disabled-bg;
|
|
@@ -384,7 +389,7 @@ $custom-select-chevron-color: $gray-var-11;
|
|
|
384
389
|
|
|
385
390
|
$custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect fill='#{$custom-checkbox-indicator-indeterminate-color}' x='3' y='7' width='10' height='2'/%3E%3C/svg%3E"), "#", "%23");
|
|
386
391
|
|
|
387
|
-
$custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=
|
|
392
|
+
$custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg stroke='#{$custom-checkbox-indicator-indeterminate-color}' fill='none' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' height='1rem' width='1rem' xmlns='http://www.w3.org/2000/svg'><polyline points='20 6 9 17 4 12'></polyline></svg%3E"), "#", "%23");
|
|
388
393
|
|
|
389
394
|
$custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=uft8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle fill='#{$custom-checkbox-indicator-indeterminate-color}' cx='8' cy='8' r='3'%3E%3C/circle%3E%3C/svg%3E"), "#","%23");
|
|
390
395
|
|
|
@@ -394,22 +399,26 @@ $custom-select-focus-box-shadow: $input-btn-focus-box-shadow;
|
|
|
394
399
|
$custom-select-disabled-bg: $input-disabled-bg;
|
|
395
400
|
|
|
396
401
|
// Windows Native Option Controls
|
|
397
|
-
$input-4d-options-dimension:
|
|
398
|
-
$input-4d-options-top: 0.
|
|
399
|
-
$input-4d-options-border-width:
|
|
400
|
-
$input-4d-options-to-text-whitespace: $input-4d-options-dimension + 0.
|
|
402
|
+
$input-4d-options-dimension: 1rem;
|
|
403
|
+
$input-4d-options-top: 0.1875rem;
|
|
404
|
+
$input-4d-options-border-width: 1px;
|
|
405
|
+
$input-4d-options-to-text-whitespace: $input-4d-options-dimension + 0.5;
|
|
406
|
+
$input-4d-checkbox-border-radius: $border-radius-sm;
|
|
401
407
|
$input-4d-checkbox-default-border-color: $border-color;
|
|
402
|
-
$input-4d-checkbox-hover-
|
|
408
|
+
$input-4d-checkbox-hover-boxshadow: 0 0 0 1px #b4b5c5;
|
|
409
|
+
$input-4d-checkbox-hover-border-color: #b4b5c5;
|
|
403
410
|
$input-4d-checkbox-hover-text-color: theme-color('primary');
|
|
411
|
+
$input-4d-checkbox-checked-bg-color: theme-color('primary');
|
|
412
|
+
$input-4d-checkbox-checked-border-color: theme-color('primary');
|
|
404
413
|
$input-4d-checkbox-active-bg-color: theme-color('primary');
|
|
405
414
|
$input-4d-checkbox-active-border-color: theme-color('primary');
|
|
406
|
-
$input-4d-checkbox-active-text-color:
|
|
415
|
+
$input-4d-checkbox-active-text-color: #fff;
|
|
407
416
|
|
|
408
|
-
$input-4d-radio-tick-dimension: 0.
|
|
417
|
+
$input-4d-radio-tick-dimension: 0.375rem;
|
|
409
418
|
$input-4d-radio-default-border-color: $border-color;
|
|
410
419
|
$input-4d-radio-hover-border-color: $gray-var-10;
|
|
411
420
|
$input-4d-radio-hover-text-color: theme-color('primary');
|
|
412
|
-
$input-4d-radio-active-bg-color:
|
|
421
|
+
$input-4d-radio-active-bg-color: #fff;
|
|
413
422
|
$input-4d-radio-active-border-color: theme-color('primary');
|
|
414
423
|
$input-4d-radio-active-text-color: white;
|
|
415
424
|
|
|
@@ -518,21 +527,28 @@ $table-dark-thead-bg: theme-color('primary-darker');
|
|
|
518
527
|
//Nav and Navbar
|
|
519
528
|
//
|
|
520
529
|
|
|
521
|
-
$nav-link-padding-y: $input-padding-y-lg;
|
|
522
|
-
$nav-link-padding-x: $input-padding-x-lg;
|
|
523
530
|
$opacity-translucent-lighten: rgba($white,0.09);
|
|
524
531
|
$opacity-translucent-darken: darken($body-bg,3%);
|
|
532
|
+
$nav-tabs-bg: transparent;
|
|
525
533
|
$nav-tabs-border-color: $border-color;
|
|
526
534
|
$nav-tabs-border-width: 0 !default;
|
|
527
535
|
$nav-tabs-active-border-width:0 !default;
|
|
528
|
-
|
|
536
|
+
$nav-tabs-link-font-size: .8125rem !default;
|
|
537
|
+
$nav-tabs-link-is-uppercase: false;
|
|
538
|
+
$nav-tabs-link-letter-spacing:0.01rem !default;
|
|
539
|
+
$nav-tabs-link-font-weight: 400 !default;
|
|
540
|
+
$nav-tabs-link-padding-x: 0.375rem !default;
|
|
541
|
+
$nav-tabs-link-padding-y: 1rem !default;
|
|
529
542
|
$nav-tabs-link-active-bg: $body-bg !default;
|
|
530
|
-
$nav-tabs-link-hover-bg: $
|
|
531
|
-
$nav-tabs-
|
|
543
|
+
$nav-tabs-link-hover-bg: $gray-200 !default;
|
|
544
|
+
$nav-tabs-link-hover-border: theme-color('primary') !default;
|
|
532
545
|
$nav-tabs-link-active-bg: transparent;
|
|
533
|
-
$nav-tabs-link-active-color: theme-color('secondary') !default;
|
|
546
|
+
$nav-tabs-link-active-color: theme-color('secondary-darker') !default;
|
|
534
547
|
$nav-tabs-link-active-border: theme-color('secondary-darker') !default;
|
|
535
548
|
$nav-tabs-stacked-padding: 0.55rem 1.562rem !important;
|
|
549
|
+
$nav-tabs-link-min-height: 3rem;
|
|
550
|
+
$nav-tabs-link-min-width: 10rem;
|
|
551
|
+
$nav-tabs-link-max-width: 16.5rem;
|
|
536
552
|
$navbar-nav-link-padding-x: 1rem;
|
|
537
553
|
|
|
538
554
|
// Navbar dark
|
|
@@ -622,106 +638,4 @@ $font-family-heading: 'gill-sans-nova', Helvetica Neue, Helvetica, Arial
|
|
|
622
638
|
$display1-size: 3rem;
|
|
623
639
|
$display2-size: 2.5rem;
|
|
624
640
|
$display3-size: 2rem;
|
|
625
|
-
$display4-size: 1.5rem;
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
.ng-dropdown-panel.ng-select-bottom {
|
|
630
|
-
border-color: $border-color !important;
|
|
631
|
-
}
|
|
632
|
-
|
|
633
|
-
.btn {
|
|
634
|
-
border-radius: $border-radius-lg !important;
|
|
635
|
-
padding: $input-padding-y $input-padding-x !important;
|
|
636
|
-
}
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
.alert {
|
|
640
|
-
border-radius: $border-radius-sm !important;
|
|
641
|
-
font-size: $font-size-base;
|
|
642
|
-
.close {
|
|
643
|
-
font-size: $font-size-lg;
|
|
644
|
-
}
|
|
645
|
-
p {
|
|
646
|
-
margin-bottom: 0;
|
|
647
|
-
}
|
|
648
|
-
}
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
.form-group {
|
|
652
|
-
margin-bottom: 0.35rem !important;
|
|
653
|
-
}
|
|
654
|
-
|
|
655
|
-
.form-control {
|
|
656
|
-
border-radius: $border-radius-sm !important;
|
|
657
|
-
}
|
|
658
|
-
|
|
659
|
-
.ng-select-container {
|
|
660
|
-
height: $input-height !important;
|
|
661
|
-
border-radius: $border-radius-sm !important;
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
.ng-value-container {
|
|
665
|
-
line-height: $line-height-base !important;
|
|
666
|
-
padding: $input-padding-y $input-padding-x !important;
|
|
667
|
-
}
|
|
668
|
-
}
|
|
669
|
-
|
|
670
|
-
h1,
|
|
671
|
-
h2,
|
|
672
|
-
h3 {
|
|
673
|
-
font-family: $font-family-heading !important;
|
|
674
|
-
}
|
|
675
|
-
|
|
676
|
-
h1 {
|
|
677
|
-
font-weight: 500;
|
|
678
|
-
font-size: 1.75rem;
|
|
679
|
-
line-height: 1.25;
|
|
680
|
-
letter-spacing: 0.2px;
|
|
681
|
-
}
|
|
682
|
-
|
|
683
|
-
h2 {
|
|
684
|
-
font-weight: 500;
|
|
685
|
-
font-size: 1.5rem;
|
|
686
|
-
line-height: 1.25;
|
|
687
|
-
letter-spacing: 0;
|
|
688
|
-
}
|
|
689
|
-
|
|
690
|
-
h3 {
|
|
691
|
-
font-weight: 500;
|
|
692
|
-
font-size: 1.25rem;
|
|
693
|
-
line-height: 1.2;
|
|
694
|
-
letter-spacing: 0.2px;
|
|
695
|
-
}
|
|
696
|
-
|
|
697
|
-
.form-check, .form-check-inline {
|
|
698
|
-
.form-check-label {
|
|
699
|
-
margin-left: 0.5rem;
|
|
700
|
-
}
|
|
701
|
-
> input[type="radio"]:not(.form-check-inline) {
|
|
702
|
-
top: 0.2rem !important;
|
|
703
|
-
}
|
|
704
|
-
> input[type="checkbox"] {
|
|
705
|
-
top: 0.2rem !important;
|
|
706
|
-
&:before {
|
|
707
|
-
top: 0.09rem !important;
|
|
708
|
-
left: 0 !important;
|
|
709
|
-
}
|
|
710
|
-
}
|
|
711
|
-
}
|
|
712
|
-
|
|
713
|
-
.card {
|
|
714
|
-
border-radius: $border-radius-sm;
|
|
715
|
-
}
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
.item_num {
|
|
719
|
-
font-size: $font-size-base !important;
|
|
720
|
-
}
|
|
721
|
-
.item_name {
|
|
722
|
-
font-size: $font-size-base !important;
|
|
723
|
-
}
|
|
724
|
-
|
|
725
|
-
.item_desc {
|
|
726
|
-
font-size: $font-size-sm !important;
|
|
727
|
-
}
|
|
641
|
+
$display4-size: 1.5rem;
|
|
@@ -7,13 +7,13 @@
|
|
|
7
7
|
:root {
|
|
8
8
|
--heading-font: 'gill-sans-nova', Helvetica Neue, Helvetica, Arial, sans-serif;
|
|
9
9
|
--body-font: 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
|
|
10
|
-
--border-color: #BABCC2
|
|
10
|
+
--border-color: #d6d6d6; // #BABCC2 used for Content App but Sirius is using #d6d6d6
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
$is-sirius:
|
|
13
|
+
$is-sirius: true !default;
|
|
14
14
|
$is-dark-theme: false !default;
|
|
15
15
|
$enable-navbar-fixed-top: true;
|
|
16
|
-
$enable-transitions:
|
|
16
|
+
$enable-transitions: true;
|
|
17
17
|
$enable-shadows: true;
|
|
18
18
|
$enable-caret: true;
|
|
19
19
|
$enable-chevron: true;
|
|
@@ -59,7 +59,7 @@ $blue-var-7: #cde8ff; // Treeview active
|
|
|
59
59
|
// $blue-var-6: #D4E9FC; // Treeview hover
|
|
60
60
|
|
|
61
61
|
$text-muted: theme-color("info"); // text-muted
|
|
62
|
-
$border-color: #
|
|
62
|
+
$border-color: #d6d6d6; // border-color
|
|
63
63
|
$input-placeholder-color: theme-color("info");
|
|
64
64
|
//
|
|
65
65
|
// Body
|
|
@@ -181,14 +181,17 @@ $icons-path: "~ag-grid-community/src/styles/ag-theme-material/i
|
|
|
181
181
|
|
|
182
182
|
// Buttons + Forms
|
|
183
183
|
//
|
|
184
|
-
$label-margin-bottom: 0.
|
|
185
|
-
$
|
|
184
|
+
$label-margin-bottom: 0.25rem !default;
|
|
185
|
+
$label-font-size: 0.8125rem !default;
|
|
186
|
+
$label-font-weight: 600 !default;
|
|
187
|
+
$label-font-color: theme-color('info') !default;
|
|
188
|
+
$form-group-margin-bottom: 1rem !default;
|
|
186
189
|
|
|
187
190
|
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
|
|
188
191
|
$input-disabled-bg: $gray-var-2 !default;
|
|
189
192
|
$input-color: theme-color('default') !default;
|
|
190
193
|
$input-border-color: $border-color;
|
|
191
|
-
$input-focus-border-color:
|
|
194
|
+
$input-focus-border-color: theme-color('primary') !default;
|
|
192
195
|
$input-readonly-border-color: $gray-var-7 !default;
|
|
193
196
|
|
|
194
197
|
$input-padding-x: 0.750rem;
|
|
@@ -242,7 +245,9 @@ $custom-select-box-shadow: $input-box-shadow;
|
|
|
242
245
|
// Default select
|
|
243
246
|
//
|
|
244
247
|
$select-bg: $gray-var-4 !default;
|
|
245
|
-
$select-border-color: $
|
|
248
|
+
$select-border-color: $border-color !default;
|
|
249
|
+
$select-border-focus-color: theme-color("primary") !default;
|
|
250
|
+
$select-shadow-focus-color: #cdd3dc;
|
|
246
251
|
|
|
247
252
|
// Default Range and Custom Range
|
|
248
253
|
//
|
|
@@ -397,21 +402,26 @@ $custom-select-disabled-bg: $input-disabled-bg;
|
|
|
397
402
|
|
|
398
403
|
|
|
399
404
|
// Windows Native Option Controls
|
|
400
|
-
$input-4d-options-dimension:
|
|
401
|
-
$input-4d-options-top: 0.
|
|
402
|
-
$input-4d-options-border-width:
|
|
403
|
-
$input-4d-options-to-text-whitespace: $input-4d-options-dimension +
|
|
405
|
+
$input-4d-options-dimension: 1rem;
|
|
406
|
+
$input-4d-options-top: 0.1875rem;
|
|
407
|
+
$input-4d-options-border-width: 1px;
|
|
408
|
+
$input-4d-options-to-text-whitespace: $input-4d-options-dimension + .5;
|
|
409
|
+
$input-4d-checkbox-border-radius: 0 !default;
|
|
404
410
|
$input-4d-checkbox-default-border-color: $border-color;
|
|
411
|
+
$input-4d-checkbox-hover-boxshadow: none;
|
|
405
412
|
$input-4d-checkbox-hover-border-color: $gray-var-10;
|
|
406
413
|
$input-4d-checkbox-hover-text-color: theme-color('primary');
|
|
407
|
-
$input-4d-checkbox-
|
|
414
|
+
$input-4d-checkbox-checked-bg-color: #fef7f0 !default;
|
|
415
|
+
$input-4d-checkbox-checked-border-color: $border-color;
|
|
416
|
+
$input-4d-checkbox-active-bg-color: rgba(0,96,172,.12);
|
|
408
417
|
$input-4d-checkbox-active-border-color: theme-color('primary');
|
|
409
418
|
$input-4d-checkbox-active-text-color: white;
|
|
410
419
|
|
|
411
|
-
$input-4d-radio-tick-dimension: 0.
|
|
420
|
+
$input-4d-radio-tick-dimension: 0.375rem;
|
|
412
421
|
$input-4d-radio-default-border-color: $border-color;
|
|
413
422
|
$input-4d-radio-hover-border-color: $gray-var-10;
|
|
414
423
|
$input-4d-radio-hover-text-color: theme-color('primary');
|
|
424
|
+
$input-4d-radio-checked-bg-color: #fef7f0 !default;
|
|
415
425
|
$input-4d-radio-active-bg-color: theme-color('primary');
|
|
416
426
|
$input-4d-radio-active-border-color: theme-color('primary');
|
|
417
427
|
$input-4d-radio-active-text-color: white;
|
|
@@ -522,22 +532,28 @@ $table-dark-thead-bg: theme-color('primary-darker');
|
|
|
522
532
|
|
|
523
533
|
//Nav and Navbar
|
|
524
534
|
//
|
|
525
|
-
|
|
526
|
-
$nav-link-padding-y: $input-padding-y-lg;
|
|
527
|
-
$nav-link-padding-x: $input-padding-x-lg;
|
|
528
535
|
$opacity-translucent-lighten: rgba($white,0.09);
|
|
529
536
|
$opacity-translucent-darken: darken($body-bg,3%);
|
|
537
|
+
$nav-tabs-bg: transparent;
|
|
530
538
|
$nav-tabs-border-color: $border-color;
|
|
531
539
|
$nav-tabs-border-width: 0 !default;
|
|
532
540
|
$nav-tabs-active-border-width:0 !default;
|
|
533
|
-
|
|
541
|
+
$nav-tabs-link-font-size: .8125rem !default;
|
|
542
|
+
$nav-tabs-link-is-uppercase: true;
|
|
543
|
+
$nav-tabs-link-letter-spacing:0.01rem !default;
|
|
544
|
+
$nav-tabs-link-font-weight: 600 !default;
|
|
545
|
+
$nav-tabs-link-padding-x: 0.5rem !default;
|
|
546
|
+
$nav-tabs-link-padding-y: 1rem !default;
|
|
534
547
|
$nav-tabs-link-active-bg: $body-bg !default;
|
|
535
|
-
$nav-tabs-link-hover-bg: $
|
|
536
|
-
$nav-tabs-
|
|
548
|
+
$nav-tabs-link-hover-bg: $gray-200 !default;
|
|
549
|
+
$nav-tabs-link-hover-border: theme-color('primary') !default;
|
|
537
550
|
$nav-tabs-link-active-bg: transparent;
|
|
538
|
-
$nav-tabs-link-active-color: theme-color('secondary') !default;
|
|
551
|
+
$nav-tabs-link-active-color: theme-color('secondary-darker') !default;
|
|
539
552
|
$nav-tabs-link-active-border: theme-color('secondary-darker') !default;
|
|
540
553
|
$nav-tabs-stacked-padding: 0.55rem 1.562rem !important;
|
|
554
|
+
$nav-tabs-link-min-height: auto;
|
|
555
|
+
$nav-tabs-link-min-width: auto;
|
|
556
|
+
$nav-tabs-link-max-width: auto;
|
|
541
557
|
$navbar-nav-link-padding-x: 1rem;
|
|
542
558
|
|
|
543
559
|
// Navbar dark
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
//
|
|
3
3
|
// Quickly modify global styling by enabling or disabling optional features.
|
|
4
4
|
|
|
5
|
-
$is-sirius:
|
|
5
|
+
$is-sirius: false !default;
|
|
6
6
|
$is-dark-theme: false !default;
|
|
7
7
|
$enable-navbar-fixed-top: true;
|
|
8
8
|
$enable-transitions: false;
|
|
@@ -91,7 +91,7 @@ $grid-gutter-width: 2rem;
|
|
|
91
91
|
// stylelint-disable value-keyword-case
|
|
92
92
|
$font-family-base:
|
|
93
93
|
//TitleX Default Fonts
|
|
94
|
-
'Open Sans',
|
|
94
|
+
// 'Open Sans',
|
|
95
95
|
// Safari for OS X and iOS (San Francisco)
|
|
96
96
|
-apple-system,
|
|
97
97
|
// Chrome < 56 for OS X (San Francisco)
|
|
@@ -109,7 +109,7 @@ $font-family-base:
|
|
|
109
109
|
// Font Sizes
|
|
110
110
|
//
|
|
111
111
|
$font-size-lg: 0.875rem; //14px
|
|
112
|
-
$font-size-base: 0.
|
|
112
|
+
$font-size-base: 0.8125rem; //13px
|
|
113
113
|
$font-size-sm: 0.687rem; //11px
|
|
114
114
|
$font-size-xs: 0.687rem !default; //11px
|
|
115
115
|
|
|
@@ -174,7 +174,10 @@ $icons-path: "~ag-grid-community/src/styles/ag-theme-material/i
|
|
|
174
174
|
|
|
175
175
|
// Buttons + Forms
|
|
176
176
|
//
|
|
177
|
+
$label-font-size: 0.8125rem !default;
|
|
177
178
|
$label-margin-bottom: 0.313rem !default;
|
|
179
|
+
$label-font-weight: 400 !default;
|
|
180
|
+
$label-font-color: $body-color !default;
|
|
178
181
|
$form-group-margin-bottom: 0.750rem !default;
|
|
179
182
|
|
|
180
183
|
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
|
|
@@ -184,8 +187,8 @@ $input-border-color: $gray-var-9 !default;
|
|
|
184
187
|
$input-focus-border-color: $blue-var-3 !default;
|
|
185
188
|
$input-readonly-border-color: $gray-var-7 !default;
|
|
186
189
|
|
|
187
|
-
$input-padding-x: 0.
|
|
188
|
-
$input-padding-y: 0.
|
|
190
|
+
$input-padding-x: 0.1rem;
|
|
191
|
+
$input-padding-y: 0.1rem;
|
|
189
192
|
|
|
190
193
|
$input-padding-y-lg: 0.6875rem !default;
|
|
191
194
|
$input-padding-x-lg: 0.8125rem !default;
|
|
@@ -209,8 +212,8 @@ $input-btn-padding-x-sm: 1.000rem;
|
|
|
209
212
|
$input-btn-padding-y-lg: 0.38rem;
|
|
210
213
|
$input-btn-padding-x-lg: 0.8125rem;
|
|
211
214
|
|
|
212
|
-
$input-line-height: 1.
|
|
213
|
-
$input-height: 1.
|
|
215
|
+
$input-line-height: 1.371;
|
|
216
|
+
$input-height: calc(1.371em + 0.2rem + 4px) !default;
|
|
214
217
|
$input-height-lg: 2.25rem !default;
|
|
215
218
|
|
|
216
219
|
$input-btn-focus-width: 0;
|
|
@@ -230,6 +233,7 @@ $custom-select-box-shadow: $input-box-shadow;
|
|
|
230
233
|
//
|
|
231
234
|
$select-bg: $gray-var-4 !default;
|
|
232
235
|
$select-border-color: $gray-var-8 !default;
|
|
236
|
+
$select-shadow-focus-color: transparent;
|
|
233
237
|
|
|
234
238
|
// Default Range and Custom Range
|
|
235
239
|
//
|
|
@@ -373,7 +377,7 @@ $custom-select-chevron-color: $gray-var-11;
|
|
|
373
377
|
|
|
374
378
|
$custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect fill='#{$custom-checkbox-indicator-indeterminate-color}' x='3' y='7' width='10' height='2'/%3E%3C/svg%3E"), "#", "%23");
|
|
375
379
|
|
|
376
|
-
$custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=uft8,%3Csvg xmlns='http://www.w3.org/2000/svg'
|
|
380
|
+
$custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=uft8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'><path fill='#{$gray-var-11}' fill-rule='evenodd' d='M5.725 9.635 11.715 4l-.685-.728-5.985 5.63-2.72-2.928-.733.68 2.724 2.933-.001.002.214.227.466.502.003-.003.002.002.335-.315.393-.365-.003-.002Z' clip-rule='evenodd'/></svg%3E"), "#","%23");
|
|
377
381
|
|
|
378
382
|
$custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=uft8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle fill='#{$custom-checkbox-indicator-indeterminate-color}' cx='8' cy='8' r='3'%3E%3C/circle%3E%3C/svg%3E"), "#","%23");
|
|
379
383
|
|
|
@@ -383,22 +387,26 @@ $custom-select-focus-box-shadow: $input-btn-focus-box-shadow;
|
|
|
383
387
|
$custom-select-disabled-bg: $input-disabled-bg;
|
|
384
388
|
|
|
385
389
|
// Windows Native Option Controls
|
|
386
|
-
$input-4d-options-dimension: 0.
|
|
387
|
-
$input-4d-options-top: 0.
|
|
390
|
+
$input-4d-options-dimension: 0.8125rem;
|
|
391
|
+
$input-4d-options-top: 0.1875rem;
|
|
388
392
|
$input-4d-options-border-width: 1px;
|
|
389
393
|
$input-4d-options-to-text-whitespace: $input-4d-options-dimension + 0.2;
|
|
394
|
+
$input-4d-checkbox-border-radius: 0 !default;
|
|
390
395
|
$input-4d-checkbox-default-border-color: $gray-var-11;
|
|
396
|
+
$input-4d-checkbox-hover-boxshadow: none;
|
|
391
397
|
$input-4d-checkbox-hover-border-color: $blue-var-3;
|
|
392
398
|
$input-4d-checkbox-hover-text-color: $blue-var-3;
|
|
399
|
+
$input-4d-checkbox-checked-bg-color: white !default;
|
|
400
|
+
$input-4d-checkbox-checked-border-color: $gray-var-11;
|
|
393
401
|
$input-4d-checkbox-active-bg-color: $default-clickable-bg-hover;
|
|
394
402
|
$input-4d-checkbox-active-border-color: theme-color('primary');
|
|
395
403
|
$input-4d-checkbox-active-text-color: theme-color('primary');
|
|
396
404
|
|
|
397
|
-
$input-4d-radio-tick-dimension: 0.
|
|
405
|
+
$input-4d-radio-tick-dimension: 0.4375rem;
|
|
398
406
|
$input-4d-radio-default-border-color: $gray-var-11;
|
|
399
407
|
$input-4d-radio-hover-border-color: $blue-var-3;
|
|
400
408
|
$input-4d-radio-hover-text-color: $blue-var-3;
|
|
401
|
-
$input-4d-radio-active-bg-color: $
|
|
409
|
+
$input-4d-radio-active-bg-color: $gray-var-11;
|
|
402
410
|
$input-4d-radio-active-border-color: theme-color('primary');
|
|
403
411
|
$input-4d-radio-active-text-color: theme-color('primary');
|
|
404
412
|
|
|
@@ -508,17 +516,26 @@ $table-dark-thead-bg: theme-color('primary-darker');
|
|
|
508
516
|
//
|
|
509
517
|
$opacity-translucent-lighten: rgba($white,0.09);
|
|
510
518
|
$opacity-translucent-darken: darken($body-bg,3%);
|
|
519
|
+
|
|
520
|
+
$nav-tabs-bg: $gray-var-1;
|
|
511
521
|
$nav-tabs-border-color: $border-color;
|
|
512
522
|
$nav-tabs-border-width: 0 !default;
|
|
513
523
|
$nav-tabs-active-border-width:0 !default;
|
|
514
|
-
|
|
515
|
-
$nav-tabs-link-
|
|
524
|
+
$nav-tabs-link-font-size: 0.8125rem !default;
|
|
525
|
+
$nav-tabs-link-is-uppercase: false;
|
|
526
|
+
$nav-tabs-link-letter-spacing:0.0063rem !default;
|
|
527
|
+
$nav-tabs-link-font-weight: 400 !default;
|
|
528
|
+
$nav-tabs-link-padding-x: 0.625rem !default;
|
|
529
|
+
$nav-tabs-link-padding-y: 1rem !default;
|
|
516
530
|
$nav-tabs-link-hover-bg: $body-bg !default;
|
|
517
|
-
$nav-tabs-
|
|
518
|
-
$nav-tabs-link-active-bg: transparent;
|
|
519
|
-
$nav-tabs-link-active-color: theme-color('secondary') !default;
|
|
531
|
+
$nav-tabs-link-hover-border: transparent !default;
|
|
532
|
+
$nav-tabs-link-active-bg: transparent !default;
|
|
533
|
+
$nav-tabs-link-active-color: theme-color('secondary-darker') !default;
|
|
520
534
|
$nav-tabs-link-active-border: theme-color('secondary-darker') !default;
|
|
521
|
-
$nav-tabs-stacked-padding: 0.
|
|
535
|
+
$nav-tabs-stacked-padding: 0.625rem 1rem !default;
|
|
536
|
+
$nav-tabs-link-min-height: auto;
|
|
537
|
+
$nav-tabs-link-min-width: auto;
|
|
538
|
+
$nav-tabs-link-max-width: auto;
|
|
522
539
|
$navbar-nav-link-padding-x: 1rem;
|
|
523
540
|
|
|
524
541
|
// Navbar dark
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
&_footer {
|
|
32
|
-
background: theme-color("light");
|
|
32
|
+
background-color: theme-color("light");
|
|
33
33
|
padding: 1rem;
|
|
34
34
|
width: 100%;
|
|
35
35
|
margin-top: auto;
|
|
@@ -43,6 +43,17 @@
|
|
|
43
43
|
z-index: 1030;
|
|
44
44
|
right: 0;
|
|
45
45
|
left: 0;
|
|
46
|
+
|
|
47
|
+
// &::before {
|
|
48
|
+
// content: '';
|
|
49
|
+
// background-color: theme-color("light");
|
|
50
|
+
// display: block;
|
|
51
|
+
// position: absolute;
|
|
52
|
+
// top: 0;
|
|
53
|
+
// bottom: 0;
|
|
54
|
+
// right: calc((100vw - 100%) / -2);
|
|
55
|
+
// left: calc((100vw - 100%) / -2);
|
|
56
|
+
// }
|
|
46
57
|
}
|
|
47
58
|
|
|
48
59
|
.page_footer {
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
.responsive-table {
|
|
2
|
+
table {
|
|
3
|
+
border-collapse: collapse;
|
|
4
|
+
margin: 0;
|
|
5
|
+
padding: 0;
|
|
6
|
+
width: 100%;
|
|
7
|
+
table-layout: fixed;
|
|
8
|
+
|
|
9
|
+
th {
|
|
10
|
+
font-weight: inherit;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@media only screen and (max-width: 767px) {
|
|
16
|
+
.responsive-table {
|
|
17
|
+
table {
|
|
18
|
+
border: 0;
|
|
19
|
+
thead {
|
|
20
|
+
border: none;
|
|
21
|
+
clip: rect(0 0 0 0);
|
|
22
|
+
height: 1px;
|
|
23
|
+
margin: -1px;
|
|
24
|
+
overflow: hidden;
|
|
25
|
+
padding: 0;
|
|
26
|
+
position: absolute;
|
|
27
|
+
width: 1px;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
tr {
|
|
31
|
+
display: block;
|
|
32
|
+
margin-bottom: 0.5rem;
|
|
33
|
+
border-bottom: 1px solid $hr-border-color;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
td {
|
|
37
|
+
display: block;
|
|
38
|
+
margin-bottom: 0.5rem;
|
|
39
|
+
&::before {
|
|
40
|
+
/*
|
|
41
|
+
* aria-label has no advantage, it won't be read inside a table
|
|
42
|
+
content: attr(aria-label);
|
|
43
|
+
*/
|
|
44
|
+
content: attr(data-label);
|
|
45
|
+
float: left;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@import './chevron';
|
|
1
|
+
@import './chevron';
|
|
2
|
+
@import './mobile-device';
|