@lightspeed/design-system-css 1.1.1 → 1.2.1
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +1 -1
- package/dist/index.css +383 -240
- package/dist/index.css.map +1 -1
- package/dist/vend-styles.css +383 -240
- package/package.json +1 -34
- package/src/images-ui/images-ui-ns.scss +1 -1
- package/src/vend-stylelint/use-colour-function.js +25 -22
- package/src/vend-styles/components/BarChart/BarChart.scss +9 -9
- package/src/vend-styles/components/CodeInput/CodeInput.scss +0 -1
- package/src/vend-styles/components/DatePicker/DatePicker.scss +3 -11
- package/src/vend-styles/components/DatePicker/_DatePicker-ns.scss +1 -1
- package/src/vend-styles/components/LineChart/LineChart.scss +5 -4
- package/src/vend-styles/components/Modal/Modal.scss +25 -12
- package/src/vend-styles/components/Modal/_Modal-ns.scss +7 -2
- package/src/vend-styles/components/PromotionModal/PromotionModal.scss +1 -1
- package/src/vend-styles/components/TableList/TableList.scss +5 -1
- package/src/vend-styles/components/UpsellPrimary/UpsellPrimary.scss +1 -6
- package/src/vend.ui/_deprecated/v38.0.0/styles/vd-flex/vd-flex.scss +15 -7
- package/src/vend.ui/behaviours/vd-align/vd-align.scss +9 -3
- package/src/vend.ui/components/vd-autocomplete-filter/vd-autocomplete-filter.scss +4 -3
- package/src/vend.ui/components/vd-avatar/vd-avatar.scss +7 -7
- package/src/vend.ui/components/vd-avatar-multi/vd-avatar-multi.scss +1 -1
- package/src/vend.ui/components/vd-badges/vd-badges.scss +1 -1
- package/src/vend.ui/components/vd-badges/vd-id-badge/vd-id-badge.scss +7 -3
- package/src/vend.ui/components/vd-banner/vd-banner-ns.scss +5 -1
- package/src/vend.ui/components/vd-banner/vd-banner.scss +8 -4
- package/src/vend.ui/components/vd-bg/vd-bg.scss +1 -1
- package/src/vend.ui/components/vd-btn/_vd-btn-mixins.scss +15 -15
- package/src/vend.ui/components/vd-btn/vd-btn-panel.scss +4 -3
- package/src/vend.ui/components/vd-btn/vd-btn.scss +11 -9
- package/src/vend.ui/components/vd-carousel/vd-carousel.scss +3 -2
- package/src/vend.ui/components/vd-checkbox/vd-checkbox.scss +33 -12
- package/src/vend.ui/components/vd-datepicker/vd-datepicker-ns.scss +2 -2
- package/src/vend.ui/components/vd-datepicker/vd-datepicker.scss +16 -6
- package/src/vend.ui/components/vd-dialog/vd-dialog-ns.scss +3 -1
- package/src/vend.ui/components/vd-dialog/vd-dialog.scss +13 -13
- package/src/vend.ui/components/vd-dialog-close/vd-dialog-close.scss +2 -2
- package/src/vend.ui/components/vd-dialog-drawer/vd-dialog-drawer.scss +1 -1
- package/src/vend.ui/components/vd-dott/vd-dott.scss +5 -4
- package/src/vend.ui/components/vd-dropdown/vd-dropdown.scss +1 -1
- package/src/vend.ui/components/vd-flag/vd-flag.scss +1 -2
- package/src/vend.ui/components/vd-flex/vd-flex.scss +39 -13
- package/src/vend.ui/components/vd-hero/vd-hero-ns.scss +2 -2
- package/src/vend.ui/components/vd-in-page-help/vd-in-page-help.scss +0 -2
- package/src/vend.ui/components/vd-input/vd-input-ns.scss +19 -12
- package/src/vend.ui/components/vd-input/vd-input.scss +12 -4
- package/src/vend.ui/components/vd-link/vd-link.scss +12 -4
- package/src/vend.ui/components/vd-loader/vd-loader.scss +1 -1
- package/src/vend.ui/components/vd-lozenge-group/vd-lozenge-group.scss +22 -7
- package/src/vend.ui/components/vd-multiselect-popover/vd-multiselect-popover.scss +1 -1
- package/src/vend.ui/components/vd-nav-divider/vd-nav-divider.scss +14 -0
- package/src/vend.ui/components/vd-next-stepper/vd-next-stepper.scss +1 -1
- package/src/vend.ui/components/vd-overlay/vd-overlay-ns.scss +1 -1
- package/src/vend.ui/components/vd-p/vd-p.scss +3 -1
- package/src/vend.ui/components/vd-popover/vd-popover.scss +3 -1
- package/src/vend.ui/components/vd-popover-list/vd-popover-list-ns.scss +3 -1
- package/src/vend.ui/components/vd-popover-list/vd-popover-list.scss +1 -2
- package/src/vend.ui/components/vd-promo/vd-promo-ns.scss +1 -1
- package/src/vend.ui/components/vd-promo/vd-promo.scss +0 -1
- package/src/vend.ui/components/vd-radio/vd-radio.scss +30 -10
- package/src/vend.ui/components/vd-section/vd-section.scss +26 -11
- package/src/vend.ui/components/vd-segcontrol/vd-segcontrol.scss +3 -1
- package/src/vend.ui/components/vd-select/vd-select-group.scss +11 -5
- package/src/vend.ui/components/vd-select/vd-select-inline.scss +2 -1
- package/src/vend.ui/components/vd-select/vd-select.scss +2 -2
- package/src/vend.ui/components/vd-settings/vd-settings.scss +1 -1
- package/src/vend.ui/components/vd-sidebar/tmp-overrides.scss +95 -0
- package/src/vend.ui/components/vd-sidebar/vd-sidebar-ns.scss +23 -0
- package/src/vend.ui/components/vd-sidebar/vd-sidebar.scss +113 -0
- package/src/vend.ui/components/vd-sidebar-drawer/vd-sidebar-drawer-ns.scss +4 -4
- package/src/vend.ui/components/vd-sidebar-drawer/vd-sidebar-drawer.scss +5 -2
- package/src/vend.ui/components/vd-sidebar-tabs/vd-sidebar-tabs-ns.scss +12 -3
- package/src/vend.ui/components/vd-sidebar-tabs/vd-sidebar-tabs.scss +42 -27
- package/src/vend.ui/components/vd-suggestion/vd-suggestion-list-ns.scss +2 -2
- package/src/vend.ui/components/vd-table/vd-table.scss +102 -33
- package/src/vend.ui/components/vd-tabs/vd-tabs.scss +1 -2
- package/src/vend.ui/components/vd-text/vd-text.scss +13 -5
- package/src/vend.ui/components/vd-toast-notification/vd-toast-notification.scss +2 -1
- package/src/vend.ui/components/vd-topbar/vd-topbar.scss +2 -2
- package/src/vend.ui/components/vd-visibility/vd-visibility.scss +9 -3
- package/src/vend.ui/styles/global/_base-mixins.scss +1 -2
- package/src/vend.ui/styles/global/_grid.scss +5 -5
- package/src/vend.ui/styles/global/_layout.scss +2 -2
- package/src/vend.ui/styles/global/_non-styles.scss +1 -0
- package/src/vend.ui/styles/global/_normalise.scss +8 -1
- package/src/vend.ui/styles/global/_z-index.scss +0 -8
- package/src/vend.ui/styles/global/colour/_base.scss +8 -13
- package/src/vend.ui/styles/global/colour/_colour-functions.scss +2 -10
- package/src/vend.ui/styles/global/colour/_colour.scss +3 -3
- package/src/vend.ui/styles/global/effects/_effects-ns.scss +4 -4
- package/src/vend.ui/styles/global/effects/_effects.scss +51 -6
- package/src/vend.ui/styles/global/spacing/_spacing-functions.scss +2 -2
- package/src/vend.ui/styles/global/spacing/_spacing-helpers.scss +2 -6
- package/src/vend.ui/styles/global/text/_base.scss +1 -1
- package/src/vend.ui/styles/global/text/_text-definitions.scss +13 -13
- package/src/vend.ui/styles/global/text/_text-mixins.scss +15 -23
- package/src/vend.ui/styles/global/text/_text.scss +2 -2
- package/src/vend.ui/styles/global/utils/_functions.scss +2 -2
- package/src/vend.ui/styles/global/viewport/_viewport-data.scss +30 -30
- package/src/vend.ui/styles/global/viewport/_viewport-identifier.scss +1 -1
- package/src/vend.ui/styles/global/viewport/_viewport-media-mixins.scss +16 -16
- package/src/vend.ui/styles/global/viewport/_viewport-ranges.scss +9 -9
- package/src/vend.ui/styles/navi/_nv-topnav-title.scss +1 -1
- package/src/vend.ui/styles/navi/_nv-topnav.scss +5 -4
- package/src/vend.ui/styles/navi/dialogs/_nv-notifications-dialog.scss +2 -2
- package/src/vend.ui/styles/navi/navi.scss +8 -9
- package/src/vend.ui/styles/navi/non-styles/_mixins.scss +6 -4
- package/src/vend.ui/styles/navi/non-styles/_variables.scss +0 -11
- package/src/vend.ui/styles/vend-ui.scss +2 -0
- package/CHANGELOG.md +0 -180
- package/src/vend.ui/styles/navi/_nv-sidenav.scss +0 -143
package/dist/index.css
CHANGED
@@ -32,13 +32,13 @@
|
|
32
32
|
--vd-colour--keyline: #37353A;
|
33
33
|
--vd-colour--framing-inverse: #E7E5E8;
|
34
34
|
--vd-colour--keyline-inverse: #C9C7CA;
|
35
|
-
--vd-colour--
|
36
|
-
--vd-colour--
|
37
|
-
--vd-colour--
|
38
|
-
--vd-colour--
|
39
|
-
--vd-colour--
|
40
|
-
--vd-colour--
|
41
|
-
--vd-colour--shuttle-
|
35
|
+
--vd-colour--solar: #E6B03D;
|
36
|
+
--vd-colour--mars: #ED6B44;
|
37
|
+
--vd-colour--farout-pink: #DE3CEC;
|
38
|
+
--vd-colour--galaxy: #A02FB6;
|
39
|
+
--vd-colour--deep-purple: #501897;
|
40
|
+
--vd-colour--neptune: #6952F6;
|
41
|
+
--vd-colour--shuttle-grey: #5D5D5D;
|
42
42
|
--vd-colour--nav-top: #0B0B0B;
|
43
43
|
--vd-colour--nav-top-rgb: 11, 11, 11;
|
44
44
|
--vd-colour--nav-side-tabs: #27252A;
|
@@ -93,13 +93,13 @@
|
|
93
93
|
--vd-colour--keyline: #C9C7CA;
|
94
94
|
--vd-colour--framing-inverse: #27252A;
|
95
95
|
--vd-colour--keyline-inverse: #37353A;
|
96
|
-
--vd-colour--
|
97
|
-
--vd-colour--
|
98
|
-
--vd-colour--
|
99
|
-
--vd-colour--
|
100
|
-
--vd-colour--
|
101
|
-
--vd-colour--
|
102
|
-
--vd-colour--shuttle-
|
96
|
+
--vd-colour--solar: #E6B03D;
|
97
|
+
--vd-colour--mars: #ED6B44;
|
98
|
+
--vd-colour--farout-pink: #DE3CEC;
|
99
|
+
--vd-colour--galaxy: #A02FB6;
|
100
|
+
--vd-colour--deep-purple: #501897;
|
101
|
+
--vd-colour--neptune: #6952F6;
|
102
|
+
--vd-colour--shuttle-grey: #5D5D5D;
|
103
103
|
--vd-colour--nav-top: #0B0B0B;
|
104
104
|
--vd-colour--nav-top-rgb: 11, 11, 11;
|
105
105
|
--vd-colour--nav-side-tabs: #E7E5E8;
|
@@ -153,13 +153,13 @@
|
|
153
153
|
--vd-colour--keyline: #37353A;
|
154
154
|
--vd-colour--framing-inverse: #E7E5E8;
|
155
155
|
--vd-colour--keyline-inverse: #C9C7CA;
|
156
|
-
--vd-colour--
|
157
|
-
--vd-colour--
|
158
|
-
--vd-colour--
|
159
|
-
--vd-colour--
|
160
|
-
--vd-colour--
|
161
|
-
--vd-colour--
|
162
|
-
--vd-colour--shuttle-
|
156
|
+
--vd-colour--solar: #E6B03D;
|
157
|
+
--vd-colour--mars: #ED6B44;
|
158
|
+
--vd-colour--farout-pink: #DE3CEC;
|
159
|
+
--vd-colour--galaxy: #A02FB6;
|
160
|
+
--vd-colour--deep-purple: #501897;
|
161
|
+
--vd-colour--neptune: #6952F6;
|
162
|
+
--vd-colour--shuttle-grey: #5D5D5D;
|
163
163
|
--vd-colour--nav-top: #0B0B0B;
|
164
164
|
--vd-colour--nav-top-rgb: 11, 11, 11;
|
165
165
|
--vd-colour--nav-side-tabs: #27252A;
|
@@ -198,7 +198,14 @@ a:link {
|
|
198
198
|
text-decoration: none;
|
199
199
|
}
|
200
200
|
|
201
|
-
a,
|
201
|
+
a,
|
202
|
+
button,
|
203
|
+
input,
|
204
|
+
textarea,
|
205
|
+
select,
|
206
|
+
details,
|
207
|
+
[ng-click],
|
208
|
+
.vd-fast-tap {
|
202
209
|
touch-action: manipulation;
|
203
210
|
}
|
204
211
|
|
@@ -417,6 +424,29 @@ a, button, input, textarea, select, details, [ng-click], .vd-fast-tap {
|
|
417
424
|
animation-fill-mode: forwards;
|
418
425
|
}
|
419
426
|
|
427
|
+
@keyframes vd-blink-highlight {
|
428
|
+
20%, 70% {
|
429
|
+
background-color: var(--vd-colour--go-highlight);
|
430
|
+
}
|
431
|
+
}
|
432
|
+
@keyframes vd-shake {
|
433
|
+
10%, 90% {
|
434
|
+
transform: translate3d(-1px, 0, 0);
|
435
|
+
}
|
436
|
+
20%, 80% {
|
437
|
+
transform: translate3d(2px, 0, 0);
|
438
|
+
}
|
439
|
+
30%, 50%, 70% {
|
440
|
+
transform: translate3d(-4px, 0, 0);
|
441
|
+
}
|
442
|
+
40%, 60% {
|
443
|
+
transform: translate3d(4px, 0, 0);
|
444
|
+
}
|
445
|
+
}
|
446
|
+
.vd-shake-highlight {
|
447
|
+
animation: vd-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both, vd-blink-highlight 1.2s;
|
448
|
+
}
|
449
|
+
|
420
450
|
#vd-viewport-identifier {
|
421
451
|
position: absolute;
|
422
452
|
z-index: -1;
|
@@ -1211,7 +1241,8 @@ a, button, input, textarea, select, details, [ng-click], .vd-fast-tap {
|
|
1211
1241
|
display: flex;
|
1212
1242
|
align-items: center;
|
1213
1243
|
}
|
1214
|
-
.vd-select-group > .vd-select,
|
1244
|
+
.vd-select-group > .vd-select,
|
1245
|
+
.vd-select-group .vd-select-container {
|
1215
1246
|
width: auto;
|
1216
1247
|
}
|
1217
1248
|
.vd-select-group .vd-input {
|
@@ -1219,13 +1250,16 @@ a, button, input, textarea, select, details, [ng-click], .vd-fast-tap {
|
|
1219
1250
|
margin-right: 0;
|
1220
1251
|
flex: 1;
|
1221
1252
|
}
|
1222
|
-
.vd-select-group .vd-input,
|
1253
|
+
.vd-select-group .vd-input,
|
1254
|
+
.vd-select-group .vd-select {
|
1223
1255
|
position: relative;
|
1224
1256
|
}
|
1225
|
-
.vd-select-group .vd-input:focus,
|
1257
|
+
.vd-select-group .vd-input:focus,
|
1258
|
+
.vd-select-group .vd-select:focus {
|
1226
1259
|
z-index: 103;
|
1227
1260
|
}
|
1228
|
-
.vd-select-group .vd-input:not(:first-child),
|
1261
|
+
.vd-select-group .vd-input:not(:first-child),
|
1262
|
+
.vd-select-group .vd-select:not(:first-child) {
|
1229
1263
|
border-top-left-radius: 0;
|
1230
1264
|
border-bottom-left-radius: 0;
|
1231
1265
|
margin-left: -2px;
|
@@ -1237,12 +1271,15 @@ a, button, input, textarea, select, details, [ng-click], .vd-fast-tap {
|
|
1237
1271
|
border-top-left-radius: 0;
|
1238
1272
|
border-bottom-left-radius: 0;
|
1239
1273
|
}
|
1240
|
-
.vd-select-group .vd-input:not(:last-child),
|
1274
|
+
.vd-select-group .vd-input:not(:last-child),
|
1275
|
+
.vd-select-group .vd-select:not(:last-child),
|
1241
1276
|
.vd-select-group .vd-select-container:not(:last-child) .vd-select {
|
1242
1277
|
border-top-right-radius: 0;
|
1243
1278
|
border-bottom-right-radius: 0;
|
1244
1279
|
}
|
1245
|
-
.vd-select-group .vd-input.vd-error,
|
1280
|
+
.vd-select-group .vd-input.vd-error,
|
1281
|
+
.vd-select-group .vd-select.vd-error,
|
1282
|
+
.vd-select-group .vd-select-container:not(:last-child).vd-error {
|
1246
1283
|
z-index: 102;
|
1247
1284
|
}
|
1248
1285
|
|
@@ -1617,25 +1654,25 @@ a, button, input, textarea, select, details, [ng-click], .vd-fast-tap {
|
|
1617
1654
|
font-weight: 700;
|
1618
1655
|
}
|
1619
1656
|
.vd-avatar--initials.vd-avatar--initials-1 {
|
1620
|
-
background-color: var(--vd-colour--
|
1657
|
+
background-color: var(--vd-colour--farout-pink);
|
1621
1658
|
}
|
1622
1659
|
.vd-avatar--initials.vd-avatar--initials-2 {
|
1623
|
-
background-color: var(--vd-colour--
|
1660
|
+
background-color: var(--vd-colour--mars);
|
1624
1661
|
}
|
1625
1662
|
.vd-avatar--initials.vd-avatar--initials-3 {
|
1626
|
-
background-color: var(--vd-colour--
|
1663
|
+
background-color: var(--vd-colour--solar);
|
1627
1664
|
}
|
1628
1665
|
.vd-avatar--initials.vd-avatar--initials-4 {
|
1629
|
-
background-color: var(--vd-colour--
|
1666
|
+
background-color: var(--vd-colour--galaxy);
|
1630
1667
|
}
|
1631
1668
|
.vd-avatar--initials.vd-avatar--initials-5 {
|
1632
|
-
background-color: var(--vd-colour--
|
1669
|
+
background-color: var(--vd-colour--neptune);
|
1633
1670
|
}
|
1634
1671
|
.vd-avatar--initials.vd-avatar--initials-6 {
|
1635
|
-
background-color: var(--vd-colour--
|
1672
|
+
background-color: var(--vd-colour--deep-purple);
|
1636
1673
|
}
|
1637
1674
|
.vd-avatar--initials.vd-avatar--initials-7 {
|
1638
|
-
background-color: var(--vd-colour--shuttle-
|
1675
|
+
background-color: var(--vd-colour--shuttle-grey);
|
1639
1676
|
}
|
1640
1677
|
|
1641
1678
|
.vd-avatar-multi {
|
@@ -2238,7 +2275,8 @@ a.vd-btn.disabled {
|
|
2238
2275
|
/* When buttons are disabled they don't trigger onMouseOver / onMouseOut events but the event will bubble
|
2239
2276
|
up from child elements. `vd-btn-hover-assist` occupies all of the space within the button so mouse events are
|
2240
2277
|
consistently triggered. */
|
2241
|
-
.vd-btn:disabled:hover > .vd-btn-hover-assist,
|
2278
|
+
.vd-btn:disabled:hover > .vd-btn-hover-assist,
|
2279
|
+
.vd-tab-button:disabled:hover > .vd-btn-hover-assist {
|
2242
2280
|
position: absolute;
|
2243
2281
|
top: 0;
|
2244
2282
|
right: 0;
|
@@ -2651,7 +2689,15 @@ vd-carousel-frame {
|
|
2651
2689
|
color: var(--vd-colour--text);
|
2652
2690
|
font-size: 15px;
|
2653
2691
|
}
|
2654
|
-
.vd-datepicker table,
|
2692
|
+
.vd-datepicker table,
|
2693
|
+
.vd-datepicker caption,
|
2694
|
+
.vd-datepicker tbody,
|
2695
|
+
.vd-datepicker tfoot,
|
2696
|
+
.vd-datepicker thead,
|
2697
|
+
.vd-datepicker tr,
|
2698
|
+
.vd-datepicker th,
|
2699
|
+
.vd-datepicker td,
|
2700
|
+
.vd-datepicker abbr,
|
2655
2701
|
.vd-datepicker-range table,
|
2656
2702
|
.vd-datepicker-range caption,
|
2657
2703
|
.vd-datepicker-range tbody,
|
@@ -2978,10 +3024,12 @@ vd-carousel-frame {
|
|
2978
3024
|
border: none;
|
2979
3025
|
}
|
2980
3026
|
|
2981
|
-
.vd-datepicker-range-no-end .is-startrange .pika-button,
|
3027
|
+
.vd-datepicker-range-no-end .is-startrange .pika-button,
|
3028
|
+
.vd-datepicker-range-no-end .is-endrange .pika-button {
|
2982
3029
|
border: none;
|
2983
3030
|
}
|
2984
|
-
.vd-datepicker-range-no-end .vd-datepicker-end-picker .is-startrange .pika-button,
|
3031
|
+
.vd-datepicker-range-no-end .vd-datepicker-end-picker .is-startrange .pika-button,
|
3032
|
+
.vd-datepicker-range-no-end .vd-datepicker-end-picker .is-endrange .pika-button {
|
2985
3033
|
background: var(--vd-colour--do-highlight);
|
2986
3034
|
color: var(--vd-colour--text);
|
2987
3035
|
font-weight: normal;
|
@@ -3323,7 +3371,8 @@ vd-carousel-frame {
|
|
3323
3371
|
}
|
3324
3372
|
}
|
3325
3373
|
|
3326
|
-
vd-dott,
|
3374
|
+
vd-dott,
|
3375
|
+
.vd-dott {
|
3327
3376
|
display: inline-block;
|
3328
3377
|
width: 32px;
|
3329
3378
|
height: 32px;
|
@@ -4096,6 +4145,20 @@ vd-dott, .vd-dott {
|
|
4096
4145
|
z-index: 410;
|
4097
4146
|
}
|
4098
4147
|
|
4148
|
+
.vd-nav-divider {
|
4149
|
+
display: flex;
|
4150
|
+
align-items: center;
|
4151
|
+
justify-content: center;
|
4152
|
+
height: 25px;
|
4153
|
+
}
|
4154
|
+
.vd-nav-divider::before {
|
4155
|
+
content: "";
|
4156
|
+
display: block;
|
4157
|
+
height: 1px;
|
4158
|
+
width: 20px;
|
4159
|
+
background-color: var(--vd-colour--keyline);
|
4160
|
+
}
|
4161
|
+
|
4099
4162
|
.vd-nav-item {
|
4100
4163
|
box-sizing: border-box;
|
4101
4164
|
height: 100%;
|
@@ -4854,42 +4917,55 @@ vd-dott, .vd-dott {
|
|
4854
4917
|
--vd-section-padding-v: 16px;
|
4855
4918
|
}
|
4856
4919
|
}
|
4857
|
-
vd-section,
|
4920
|
+
vd-section,
|
4921
|
+
.vd-section {
|
4858
4922
|
display: block;
|
4859
4923
|
position: relative;
|
4860
4924
|
font-size: 15px;
|
4861
4925
|
padding: var(--vd-section-padding-v) var(--vd-section-padding-h);
|
4862
4926
|
}
|
4863
|
-
vd-section .vd-section-wrap,
|
4927
|
+
vd-section .vd-section-wrap,
|
4928
|
+
.vd-section .vd-section-wrap {
|
4864
4929
|
display: block;
|
4865
4930
|
margin: 0 auto;
|
4866
4931
|
max-width: 1100px;
|
4867
4932
|
}
|
4868
|
-
vd-section .vd-section-container,
|
4933
|
+
vd-section .vd-section-container,
|
4934
|
+
.vd-section .vd-section-container {
|
4869
4935
|
margin: calc(var(--vd-section-padding-v) * -1) calc(var(--vd-section-padding-h) * -1);
|
4870
4936
|
padding: var(--vd-section-padding-v) var(--vd-section-padding-h);
|
4871
4937
|
}
|
4872
|
-
vd-section vd-section,
|
4938
|
+
vd-section vd-section,
|
4939
|
+
vd-section .vd-section,
|
4940
|
+
.vd-section vd-section,
|
4941
|
+
.vd-section .vd-section {
|
4873
4942
|
padding: var(--vd-section-padding-v) 0;
|
4874
4943
|
}
|
4875
4944
|
@supports not (--a: 0) {
|
4876
|
-
vd-section,
|
4945
|
+
vd-section,
|
4946
|
+
.vd-section {
|
4877
4947
|
padding: 24px 48px;
|
4878
4948
|
}
|
4879
|
-
vd-section .vd-section-container,
|
4949
|
+
vd-section .vd-section-container,
|
4950
|
+
.vd-section .vd-section-container {
|
4880
4951
|
margin: -24px -48px;
|
4881
4952
|
padding: 24px 48px;
|
4882
4953
|
}
|
4883
|
-
vd-section vd-section,
|
4954
|
+
vd-section vd-section,
|
4955
|
+
vd-section .vd-section,
|
4956
|
+
.vd-section vd-section,
|
4957
|
+
.vd-section .vd-section {
|
4884
4958
|
padding: 24px 0;
|
4885
4959
|
}
|
4886
4960
|
}
|
4887
4961
|
|
4888
|
-
.vd-section--secondary,
|
4962
|
+
.vd-section--secondary,
|
4963
|
+
.vd-section--secondary .vd-section-container {
|
4889
4964
|
background-color: var(--vd-colour--framing);
|
4890
4965
|
}
|
4891
4966
|
|
4892
|
-
.vd-section--tertiary,
|
4967
|
+
.vd-section--tertiary,
|
4968
|
+
.vd-section--tertiary .vd-section-container {
|
4893
4969
|
background-color: var(--vd-colour--box);
|
4894
4970
|
}
|
4895
4971
|
|
@@ -4929,7 +5005,8 @@ vd-section vd-section, vd-section .vd-section, .vd-section vd-section, .vd-secti
|
|
4929
5005
|
opacity: 0;
|
4930
5006
|
}
|
4931
5007
|
|
4932
|
-
.vd-section--action-bar,
|
5008
|
+
.vd-section--action-bar,
|
5009
|
+
.vd-section--action-bar .vd-section-container {
|
4933
5010
|
background-color: var(--vd-colour--framing);
|
4934
5011
|
}
|
4935
5012
|
.vd-section--action-bar .vd-section-wrap {
|
@@ -5064,6 +5141,10 @@ vd-section vd-section, vd-section .vd-section, .vd-section vd-section, .vd-secti
|
|
5064
5141
|
margin-left: 0;
|
5065
5142
|
}
|
5066
5143
|
|
5144
|
+
.vd-sidebar:empty {
|
5145
|
+
display: none;
|
5146
|
+
}
|
5147
|
+
|
5067
5148
|
.vd-sidebar {
|
5068
5149
|
display: flex;
|
5069
5150
|
position: relative;
|
@@ -5072,29 +5153,116 @@ vd-section vd-section, vd-section .vd-section, .vd-section vd-section, .vd-secti
|
|
5072
5153
|
box-sizing: border-box;
|
5073
5154
|
font-family: lato, "Helvetica Neue", helvetica, roboto, arial, sans-serif;
|
5074
5155
|
line-height: normal;
|
5156
|
+
max-width: 240px;
|
5157
|
+
transform: translateX(0);
|
5158
|
+
transition: transform 0.2s ease-in-out;
|
5159
|
+
z-index: 200;
|
5160
|
+
}
|
5161
|
+
.vd-sidebar .vd-sidebar-modal-close {
|
5162
|
+
display: none;
|
5163
|
+
top: 10px;
|
5164
|
+
right: -60px;
|
5165
|
+
}
|
5166
|
+
.vd-sidebar .vd-sidebar-tabs {
|
5167
|
+
height: auto;
|
5168
|
+
}
|
5169
|
+
.vd-sidebar .vd-sidebar-drawer {
|
5170
|
+
height: auto;
|
5171
|
+
}
|
5172
|
+
@media print {
|
5173
|
+
.vd-sidebar {
|
5174
|
+
display: none;
|
5175
|
+
}
|
5176
|
+
}
|
5177
|
+
@media only screen and (max-width: 1200px) {
|
5178
|
+
.vd-sidebar {
|
5179
|
+
z-index: 302;
|
5180
|
+
}
|
5181
|
+
}
|
5182
|
+
|
5183
|
+
.vd-sidebar-content {
|
5184
|
+
background: linear-gradient(to right, var(--vd-colour--nav-side-tabs) 0, var(--vd-colour--nav-side-tabs) 64px, var(--vd-colour--nav-side-drawer) 64px, var(--vd-colour--nav-side-drawer) 176px);
|
5185
|
+
width: auto;
|
5186
|
+
overflow-y: auto;
|
5187
|
+
overflow-x: hidden;
|
5188
|
+
height: 100%;
|
5189
|
+
display: flex;
|
5190
|
+
}
|
5191
|
+
|
5192
|
+
.vd-sidebar--pad-drawer {
|
5193
|
+
padding-right: 176px;
|
5075
5194
|
}
|
5076
5195
|
|
5196
|
+
.nv-display-sidenav-modal .vd-sidebar {
|
5197
|
+
z-index: 411;
|
5198
|
+
}
|
5199
|
+
.nv-display-sidenav-modal .vd-sidebar .vd-sidebar-modal-close {
|
5200
|
+
display: flex;
|
5201
|
+
}
|
5202
|
+
|
5203
|
+
@media only screen and (max-width: 1200px) {
|
5204
|
+
.vd-sidebar {
|
5205
|
+
position: absolute;
|
5206
|
+
left: 0;
|
5207
|
+
height: 100%;
|
5208
|
+
transform: translateX(calc(-100% - 1px));
|
5209
|
+
}
|
5210
|
+
|
5211
|
+
.nv-display-sidenav-modal .vd-sidebar {
|
5212
|
+
transform: translateX(0);
|
5213
|
+
}
|
5214
|
+
|
5215
|
+
.vd-sidebar--pad-drawer {
|
5216
|
+
padding-right: 0;
|
5217
|
+
}
|
5218
|
+
}
|
5219
|
+
@media only screen and (min-width: 1201px) {
|
5220
|
+
.vd-sidebar--no-drawer {
|
5221
|
+
width: 64px;
|
5222
|
+
}
|
5223
|
+
|
5224
|
+
.nv-display-sidenav-modal .vd-sidebar--no-drawer .vd-sidebar-content {
|
5225
|
+
position: absolute;
|
5226
|
+
}
|
5227
|
+
.nv-display-sidenav-modal .vd-sidebar--no-drawer .vd-sidebar-modal-close {
|
5228
|
+
right: -236px;
|
5229
|
+
}
|
5230
|
+
}
|
5077
5231
|
.vd-sidebar-drawer {
|
5078
5232
|
display: flex;
|
5079
5233
|
flex-direction: column;
|
5080
5234
|
flex-shrink: 0;
|
5081
|
-
width:
|
5235
|
+
width: 176px;
|
5082
5236
|
height: 100%;
|
5083
5237
|
background-color: var(--vd-colour--nav-side-drawer);
|
5084
|
-
border-right: 1px solid var(--vd-colour--
|
5238
|
+
border-right: 1px solid var(--vd-colour--background);
|
5085
5239
|
box-sizing: border-box;
|
5240
|
+
padding-top: 15px;
|
5241
|
+
padding-bottom: 15px;
|
5086
5242
|
}
|
5087
5243
|
.vd-sidebar-drawer .vd-nav-item {
|
5088
5244
|
width: 100%;
|
5089
5245
|
height: auto;
|
5090
5246
|
color: var(--vd-colour--text);
|
5091
|
-
font-weight:
|
5247
|
+
font-weight: 400;
|
5092
5248
|
}
|
5093
5249
|
.vd-sidebar-drawer .vd-nav-item:hover {
|
5094
5250
|
background: var(--vd-colour--go-highlight);
|
5095
5251
|
}
|
5096
5252
|
.vd-sidebar-drawer .vd-nav-item-action {
|
5097
|
-
padding:
|
5253
|
+
padding: 13px 22px;
|
5254
|
+
}
|
5255
|
+
.vd-sidebar-drawer .vd-nav-item--active {
|
5256
|
+
position: relative;
|
5257
|
+
}
|
5258
|
+
.vd-sidebar-drawer .vd-nav-item--active::before {
|
5259
|
+
content: "";
|
5260
|
+
position: absolute;
|
5261
|
+
top: 0;
|
5262
|
+
bottom: 0;
|
5263
|
+
right: 0;
|
5264
|
+
width: 4px;
|
5265
|
+
background-color: var(--vd-colour--go);
|
5098
5266
|
}
|
5099
5267
|
.vd-sidebar-drawer .vd-nav-item--active .vd-nav-item-action {
|
5100
5268
|
color: var(--vd-colour--go);
|
@@ -5110,7 +5278,7 @@ vd-section vd-section, vd-section .vd-section, .vd-section vd-section, .vd-secti
|
|
5110
5278
|
background-color: inherit;
|
5111
5279
|
}
|
5112
5280
|
.vd-sidebar-drawer .vd-nav-item-label {
|
5113
|
-
font-size:
|
5281
|
+
font-size: 15px;
|
5114
5282
|
}
|
5115
5283
|
|
5116
5284
|
.vd-sidebar-tabs {
|
@@ -5119,32 +5287,30 @@ vd-section vd-section, vd-section .vd-section, .vd-section vd-section, .vd-secti
|
|
5119
5287
|
flex-shrink: 0;
|
5120
5288
|
z-index: 101;
|
5121
5289
|
box-sizing: border-box;
|
5122
|
-
width:
|
5290
|
+
width: 64px;
|
5123
5291
|
height: 100%;
|
5124
5292
|
background-color: var(--vd-colour--nav-side-tabs);
|
5125
|
-
font-size:
|
5293
|
+
font-size: 15px;
|
5126
5294
|
color: var(--vd-colour--text);
|
5295
|
+
padding-top: 15px;
|
5296
|
+
padding-bottom: 15px;
|
5297
|
+
transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
|
5298
|
+
overflow: hidden;
|
5299
|
+
}
|
5300
|
+
.vd-sidebar-tabs.vd-sidebar-tabs--expanded {
|
5301
|
+
width: 240px;
|
5302
|
+
}
|
5303
|
+
.vd-sidebar-tabs.vd-sidebar-tabs--expanded .vd-nav-item-action {
|
5304
|
+
justify-content: start;
|
5127
5305
|
}
|
5128
5306
|
.vd-sidebar-tabs .vd-nav-item {
|
5129
5307
|
flex-shrink: 0;
|
5130
|
-
height:
|
5131
|
-
|
5132
|
-
}
|
5133
|
-
.vd-sidebar-tabs .vd-nav-item .vd-nav-item-icon.vd-nav-item-icon {
|
5134
|
-
color: inherit;
|
5308
|
+
height: 44px;
|
5309
|
+
transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
|
5135
5310
|
}
|
5136
5311
|
.vd-sidebar-tabs .vd-nav-item:hover {
|
5137
5312
|
background: var(--vd-colour--background);
|
5138
5313
|
}
|
5139
|
-
.vd-sidebar-tabs .vd-nav-item-action {
|
5140
|
-
flex-direction: column;
|
5141
|
-
justify-content: center;
|
5142
|
-
position: relative;
|
5143
|
-
}
|
5144
|
-
.vd-sidebar-tabs .vd-nav-item--active {
|
5145
|
-
color: var(--vd-colour--do);
|
5146
|
-
background: var(--vd-colour--box);
|
5147
|
-
}
|
5148
5314
|
.vd-sidebar-tabs .vd-nav-item--pending {
|
5149
5315
|
background: var(--vd-colour--background);
|
5150
5316
|
}
|
@@ -5155,71 +5321,112 @@ vd-section vd-section, vd-section .vd-section, .vd-section vd-section, .vd-secti
|
|
5155
5321
|
.vd-sidebar-tabs .vd-nav-item--disabled:hover {
|
5156
5322
|
background-color: inherit;
|
5157
5323
|
}
|
5158
|
-
.vd-sidebar-tabs .vd-nav-item
|
5159
|
-
|
5324
|
+
.vd-sidebar-tabs .vd-nav-item--active {
|
5325
|
+
color: var(--vd-colour--do);
|
5326
|
+
background: var(--vd-colour--box);
|
5160
5327
|
}
|
5161
|
-
.vd-sidebar-tabs .vd-nav-item-
|
5162
|
-
|
5328
|
+
.vd-sidebar-tabs .vd-nav-item--active.vd-nav-item--no-children {
|
5329
|
+
position: relative;
|
5163
5330
|
}
|
5164
|
-
.vd-sidebar-tabs .vd-nav-item--
|
5165
|
-
|
5331
|
+
.vd-sidebar-tabs .vd-nav-item--active.vd-nav-item--no-children::before {
|
5332
|
+
content: "";
|
5333
|
+
position: absolute;
|
5334
|
+
top: 0;
|
5335
|
+
bottom: 0;
|
5336
|
+
right: 0;
|
5337
|
+
width: 4px;
|
5338
|
+
background-color: var(--vd-colour--go);
|
5166
5339
|
}
|
5167
|
-
.vd-sidebar-tabs .vd-nav-item
|
5168
|
-
|
5340
|
+
.vd-sidebar-tabs .vd-nav-item-action {
|
5341
|
+
flex-direction: row;
|
5342
|
+
position: relative;
|
5343
|
+
justify-content: start;
|
5169
5344
|
}
|
5170
|
-
.vd-sidebar-tabs .vd-nav-item
|
5171
|
-
|
5345
|
+
.vd-sidebar-tabs .vd-nav-item-label {
|
5346
|
+
white-space: nowrap;
|
5172
5347
|
}
|
5173
|
-
.vd-sidebar-tabs .vd-nav-item
|
5174
|
-
|
5348
|
+
.vd-sidebar-tabs .vd-nav-item-icon {
|
5349
|
+
flex-shrink: 0;
|
5350
|
+
text-align: center;
|
5351
|
+
font-size: 20px;
|
5352
|
+
min-width: 20px;
|
5353
|
+
padding-left: 22px;
|
5354
|
+
padding-right: 22px;
|
5355
|
+
transition: padding-right 200ms cubic-bezier(0.4, 0, 0.2, 1);
|
5175
5356
|
}
|
5176
|
-
.vd-sidebar-tabs .vd-nav-
|
5177
|
-
|
5357
|
+
.vd-sidebar-tabs .vd-nav-divider {
|
5358
|
+
padding-left: 22px;
|
5359
|
+
justify-content: flex-start;
|
5178
5360
|
}
|
5179
|
-
|
5180
|
-
|
5361
|
+
|
5362
|
+
/**
|
5363
|
+
Temporary overrides for feature flag `sidebar_new`.
|
5364
|
+
|
5365
|
+
Those overrides bring back the old sidebar styles unless
|
5366
|
+
the class `vd-sidebar--new` is set.
|
5367
|
+
|
5368
|
+
@REMOVEME: When flag `sidebar_new` is fully rolled out
|
5369
|
+
*/
|
5370
|
+
.vd-sidebar:not(.vd-sidebar--new) .vd-sidebar-tabs {
|
5371
|
+
width: 85px;
|
5372
|
+
font-size: 12px;
|
5373
|
+
padding-top: 0;
|
5374
|
+
padding-bottom: 0;
|
5181
5375
|
}
|
5182
|
-
.vd-sidebar-
|
5183
|
-
|
5376
|
+
.vd-sidebar:not(.vd-sidebar--new) .vd-sidebar-tabs .vd-nav-item {
|
5377
|
+
width: 100%;
|
5378
|
+
height: 75px;
|
5184
5379
|
}
|
5185
|
-
.vd-sidebar
|
5186
|
-
|
5380
|
+
.vd-sidebar:not(.vd-sidebar--new) .vd-sidebar-tabs .vd-nav-item--active::before {
|
5381
|
+
content: none;
|
5187
5382
|
}
|
5188
|
-
.vd-sidebar-
|
5189
|
-
|
5383
|
+
.vd-sidebar:not(.vd-sidebar--new) .vd-sidebar-tabs .vd-nav-item-action {
|
5384
|
+
flex-direction: column;
|
5385
|
+
justify-content: center;
|
5386
|
+
position: relative;
|
5190
5387
|
}
|
5191
|
-
.vd-sidebar
|
5192
|
-
|
5388
|
+
.vd-sidebar:not(.vd-sidebar--new) .vd-sidebar-tabs .vd-nav-item-icon {
|
5389
|
+
width: auto;
|
5390
|
+
padding-left: 0;
|
5391
|
+
padding-right: 0;
|
5193
5392
|
}
|
5194
|
-
.vd-sidebar-
|
5195
|
-
|
5393
|
+
.vd-sidebar:not(.vd-sidebar--new) .vd-sidebar-tabs .vd-nav-item-label {
|
5394
|
+
font-size: 12px;
|
5395
|
+
font-weight: 700;
|
5196
5396
|
}
|
5197
|
-
.vd-sidebar
|
5198
|
-
|
5397
|
+
.vd-sidebar:not(.vd-sidebar--new) .vd-sidebar-tabs .vd-nav-divider,
|
5398
|
+
.vd-sidebar:not(.vd-sidebar--new) .vd-sidebar-tabs .vd-sidebar-expander,
|
5399
|
+
.vd-sidebar:not(.vd-sidebar--new) .vd-sidebar-tabs .vd-nav-item-icon--new {
|
5400
|
+
display: none;
|
5199
5401
|
}
|
5200
|
-
.vd-sidebar
|
5201
|
-
|
5402
|
+
.vd-sidebar:not(.vd-sidebar--new) .vd-sidebar-drawer {
|
5403
|
+
width: 155px;
|
5404
|
+
padding-top: 0;
|
5405
|
+
padding-bottom: 0;
|
5202
5406
|
}
|
5203
|
-
.vd-sidebar
|
5204
|
-
|
5407
|
+
.vd-sidebar:not(.vd-sidebar--new) .vd-sidebar-drawer .vd-nav-item {
|
5408
|
+
font-weight: 700;
|
5205
5409
|
}
|
5206
|
-
.vd-sidebar-
|
5207
|
-
|
5410
|
+
.vd-sidebar:not(.vd-sidebar--new) .vd-sidebar-drawer .vd-nav-item--active::before {
|
5411
|
+
content: none;
|
5208
5412
|
}
|
5209
|
-
.vd-sidebar
|
5210
|
-
|
5413
|
+
.vd-sidebar:not(.vd-sidebar--new) .vd-sidebar-drawer .vd-nav-item-action {
|
5414
|
+
padding: 20px 10px;
|
5211
5415
|
}
|
5212
|
-
.vd-sidebar-
|
5213
|
-
|
5416
|
+
.vd-sidebar:not(.vd-sidebar--new) .vd-sidebar-drawer .vd-nav-item-label {
|
5417
|
+
font-size: 14px;
|
5214
5418
|
}
|
5215
|
-
|
5216
|
-
|
5419
|
+
|
5420
|
+
.nv-topnav-container:not(.vd-sidebar--new) .vd-logo {
|
5421
|
+
padding-left: 34px;
|
5217
5422
|
}
|
5218
|
-
|
5219
|
-
|
5423
|
+
|
5424
|
+
.vd-sidebar.vd-sidebar--new .vd-sidebar-tabs .vd-nav-item-icon:not(.vd-nav-item-icon--new) {
|
5425
|
+
display: none;
|
5220
5426
|
}
|
5221
|
-
.vd-sidebar
|
5222
|
-
|
5427
|
+
.vd-sidebar.vd-sidebar--new .vd-sidebar-expander,
|
5428
|
+
.vd-sidebar.vd-sidebar--new .vd-nav-item-icon--new {
|
5429
|
+
display: block !important;
|
5223
5430
|
}
|
5224
5431
|
|
5225
5432
|
.vd-splash-fullscreen-container {
|
@@ -5632,46 +5839,66 @@ table {
|
|
5632
5839
|
.vd-table td {
|
5633
5840
|
vertical-align: middle;
|
5634
5841
|
}
|
5635
|
-
.vd-table td,
|
5842
|
+
.vd-table td,
|
5843
|
+
.vd-table th {
|
5636
5844
|
padding: 20px 40px;
|
5637
5845
|
position: relative;
|
5638
5846
|
white-space: normal;
|
5639
5847
|
word-break: break-word;
|
5640
5848
|
}
|
5641
|
-
.vd-table td.vd-tight,
|
5849
|
+
.vd-table td.vd-tight,
|
5850
|
+
.vd-table th.vd-tight {
|
5642
5851
|
white-space: nowrap;
|
5643
5852
|
width: 1%;
|
5644
5853
|
}
|
5645
|
-
.vd-table td.vd-truncate,
|
5854
|
+
.vd-table td.vd-truncate,
|
5855
|
+
.vd-table td.vd-truncate *,
|
5856
|
+
.vd-table th.vd-truncate,
|
5857
|
+
.vd-table th.vd-truncate * {
|
5646
5858
|
text-overflow: ellipsis;
|
5647
5859
|
white-space: nowrap;
|
5648
5860
|
overflow: hidden;
|
5649
5861
|
}
|
5650
|
-
.vd-table td.vd-sml-pad-h, .vd-table td.vd-sml-pad-l,
|
5862
|
+
.vd-table td.vd-sml-pad-h, .vd-table td.vd-sml-pad-l,
|
5863
|
+
.vd-table th.vd-sml-pad-h,
|
5864
|
+
.vd-table th.vd-sml-pad-l {
|
5651
5865
|
padding-left: 8px;
|
5652
5866
|
}
|
5653
|
-
.vd-table td.vd-sml-pad-h, .vd-table td.vd-sml-pad-r,
|
5867
|
+
.vd-table td.vd-sml-pad-h, .vd-table td.vd-sml-pad-r,
|
5868
|
+
.vd-table th.vd-sml-pad-h,
|
5869
|
+
.vd-table th.vd-sml-pad-r {
|
5654
5870
|
padding-right: 8px;
|
5655
5871
|
}
|
5656
|
-
.vd-table td.vd-no-pad-h, .vd-table td.vd-no-pad-l,
|
5872
|
+
.vd-table td.vd-no-pad-h, .vd-table td.vd-no-pad-l,
|
5873
|
+
.vd-table th.vd-no-pad-h,
|
5874
|
+
.vd-table th.vd-no-pad-l {
|
5657
5875
|
padding-left: 0;
|
5658
5876
|
}
|
5659
|
-
.vd-table td.vd-no-pad-h, .vd-table td.vd-no-pad-r,
|
5877
|
+
.vd-table td.vd-no-pad-h, .vd-table td.vd-no-pad-r,
|
5878
|
+
.vd-table th.vd-no-pad-h,
|
5879
|
+
.vd-table th.vd-no-pad-r {
|
5660
5880
|
padding-right: 0;
|
5661
5881
|
}
|
5662
|
-
.vd-table td.vd-no-pad-v, .vd-table td.vd-no-pad-b,
|
5882
|
+
.vd-table td.vd-no-pad-v, .vd-table td.vd-no-pad-b,
|
5883
|
+
.vd-table th.vd-no-pad-v,
|
5884
|
+
.vd-table th.vd-no-pad-b {
|
5663
5885
|
padding-bottom: 0;
|
5664
5886
|
}
|
5665
|
-
.vd-table td.vd-no-pad-v, .vd-table td.vd-no-pad-t,
|
5887
|
+
.vd-table td.vd-no-pad-v, .vd-table td.vd-no-pad-t,
|
5888
|
+
.vd-table th.vd-no-pad-v,
|
5889
|
+
.vd-table th.vd-no-pad-t {
|
5666
5890
|
padding-top: 0;
|
5667
5891
|
}
|
5668
|
-
.vd-table td.vd-valign-t,
|
5892
|
+
.vd-table td.vd-valign-t,
|
5893
|
+
.vd-table th.vd-valign-t {
|
5669
5894
|
vertical-align: top;
|
5670
5895
|
}
|
5671
|
-
.vd-table td.vd-valign-m,
|
5896
|
+
.vd-table td.vd-valign-m,
|
5897
|
+
.vd-table th.vd-valign-m {
|
5672
5898
|
vertical-align: middle;
|
5673
5899
|
}
|
5674
|
-
.vd-table td.vd-valign-b,
|
5900
|
+
.vd-table td.vd-valign-b,
|
5901
|
+
.vd-table th.vd-valign-b {
|
5675
5902
|
vertical-align: bottom;
|
5676
5903
|
}
|
5677
5904
|
.vd-table.vd-table--data {
|
@@ -5900,7 +6127,7 @@ table {
|
|
5900
6127
|
height: 100%;
|
5901
6128
|
}
|
5902
6129
|
.vd-topbar .vd-logo {
|
5903
|
-
padding-left:
|
6130
|
+
padding-left: 23px;
|
5904
6131
|
}
|
5905
6132
|
|
5906
6133
|
@media only screen and (max-width: 480px) {
|
@@ -6750,6 +6977,7 @@ td.vd-hide-print {
|
|
6750
6977
|
.nv-topnav {
|
6751
6978
|
position: relative;
|
6752
6979
|
width: 100%;
|
6980
|
+
z-index: 1;
|
6753
6981
|
}
|
6754
6982
|
@media print {
|
6755
6983
|
.nv-topnav {
|
@@ -6881,105 +7109,6 @@ td.vd-hide-print {
|
|
6881
7109
|
display: none;
|
6882
7110
|
}
|
6883
7111
|
}
|
6884
|
-
.vd-sidebar:empty {
|
6885
|
-
display: none;
|
6886
|
-
}
|
6887
|
-
|
6888
|
-
.nv-sidenav {
|
6889
|
-
transform: translateX(0);
|
6890
|
-
transition: transform 0.2s ease-in-out;
|
6891
|
-
display: block;
|
6892
|
-
height: calc(100% - 50px);
|
6893
|
-
z-index: 200;
|
6894
|
-
}
|
6895
|
-
.nv-sidenav .nv-sidenav-modal-close {
|
6896
|
-
display: none;
|
6897
|
-
top: 10px;
|
6898
|
-
right: -60px;
|
6899
|
-
}
|
6900
|
-
.nv-sidenav .vd-sidebar-tabs {
|
6901
|
-
box-shadow: none;
|
6902
|
-
height: auto;
|
6903
|
-
}
|
6904
|
-
.nv-sidenav .vd-sidebar-drawer {
|
6905
|
-
border-right: none;
|
6906
|
-
height: auto;
|
6907
|
-
}
|
6908
|
-
@media print {
|
6909
|
-
.nv-sidenav {
|
6910
|
-
display: none;
|
6911
|
-
}
|
6912
|
-
}
|
6913
|
-
@supports (height: min-content) {
|
6914
|
-
.nv-sidenav .vd-sidebar-tabs,
|
6915
|
-
.nv-sidenav .vd-sidebar-drawer {
|
6916
|
-
height: min-content;
|
6917
|
-
}
|
6918
|
-
}
|
6919
|
-
@media only screen and (max-width: 1200px) {
|
6920
|
-
.nv-sidenav {
|
6921
|
-
z-index: 302;
|
6922
|
-
}
|
6923
|
-
}
|
6924
|
-
|
6925
|
-
.nv-sidenav-content {
|
6926
|
-
background: linear-gradient(to right, var(--vd-colour--nav-side-tabs) 0, var(--vd-colour--nav-side-tabs) 85px, var(--vd-colour--nav-side-drawer) 85px, var(--vd-colour--nav-side-drawer) 145px);
|
6927
|
-
width: auto;
|
6928
|
-
overflow-y: auto;
|
6929
|
-
overflow-x: hidden;
|
6930
|
-
height: 100%;
|
6931
|
-
display: flex;
|
6932
|
-
box-shadow: 1px 0 0 0 var(--vd-colour--framing);
|
6933
|
-
}
|
6934
|
-
|
6935
|
-
.nv-sidenav--pad-drawer {
|
6936
|
-
padding-right: 145px;
|
6937
|
-
}
|
6938
|
-
|
6939
|
-
.nv-display-sidenav-modal .nv-sidenav {
|
6940
|
-
z-index: 411;
|
6941
|
-
}
|
6942
|
-
.nv-display-sidenav-modal .nv-sidenav .nv-sidenav-modal-close {
|
6943
|
-
display: flex;
|
6944
|
-
}
|
6945
|
-
|
6946
|
-
@media only screen and (max-width: 1200px) {
|
6947
|
-
.nv-sidenav {
|
6948
|
-
position: absolute;
|
6949
|
-
left: 0;
|
6950
|
-
height: 100%;
|
6951
|
-
transform: translateX(calc(-100% - 1px));
|
6952
|
-
}
|
6953
|
-
.nv-sidenav .nv-sidenav-content {
|
6954
|
-
background: linear-gradient(to right, var(--vd-colour--nav-side-tabs) 0, var(--vd-colour--nav-side-tabs) 85px, var(--vd-colour--nav-side-drawer) 85px, var(--vd-colour--nav-side-drawer) 145px);
|
6955
|
-
}
|
6956
|
-
.nv-sidenav .vd-sidebar-tabs {
|
6957
|
-
width: 85px;
|
6958
|
-
}
|
6959
|
-
.nv-sidenav .vd-sidebar-drawer {
|
6960
|
-
width: 145px;
|
6961
|
-
}
|
6962
|
-
|
6963
|
-
.nv-display-sidenav-modal .nv-sidenav {
|
6964
|
-
transform: translateX(0);
|
6965
|
-
}
|
6966
|
-
|
6967
|
-
.nv-sidenav--pad-drawer {
|
6968
|
-
padding-right: 0;
|
6969
|
-
}
|
6970
|
-
}
|
6971
|
-
@media only screen and (min-width: 1201px) {
|
6972
|
-
.nv-sidenav--no-drawer {
|
6973
|
-
width: 85px;
|
6974
|
-
}
|
6975
|
-
|
6976
|
-
.nv-display-sidenav-modal .nv-sidenav--no-drawer .nv-sidenav-content {
|
6977
|
-
position: absolute;
|
6978
|
-
}
|
6979
|
-
.nv-display-sidenav-modal .nv-sidenav--no-drawer .nv-sidenav-modal-close {
|
6980
|
-
right: -205px;
|
6981
|
-
}
|
6982
|
-
}
|
6983
7112
|
.nv-account-banner {
|
6984
7113
|
display: block;
|
6985
7114
|
}
|
@@ -7263,21 +7392,21 @@ td.vd-hide-print {
|
|
7263
7392
|
}
|
7264
7393
|
.vd-bar-chart-container .y.axis text {
|
7265
7394
|
font-size: 14px;
|
7266
|
-
fill: #
|
7395
|
+
fill: #76a27b;
|
7267
7396
|
}
|
7268
7397
|
.vd-bar-chart-container .bar {
|
7269
|
-
fill: #
|
7398
|
+
fill: #009d12;
|
7270
7399
|
opacity: 0.15;
|
7271
7400
|
}
|
7272
7401
|
.vd-bar-chart-container .top {
|
7273
|
-
fill: #
|
7402
|
+
fill: #009d12;
|
7274
7403
|
}
|
7275
7404
|
.vd-bar-chart-container .bar-label {
|
7276
7405
|
font-size: 13px;
|
7277
7406
|
fill: #959595;
|
7278
7407
|
}
|
7279
7408
|
.vd-bar-chart-container .bar-chart-background {
|
7280
|
-
fill: #
|
7409
|
+
fill: #f2f2f2;
|
7281
7410
|
}
|
7282
7411
|
|
7283
7412
|
.vd-currency-input-container {
|
@@ -7612,10 +7741,14 @@ td.vd-hide-print {
|
|
7612
7741
|
|
7613
7742
|
/* stylelint-disable vend/use-colour-function */
|
7614
7743
|
/* stylelint-enable vend/use-colour-function */
|
7615
|
-
.vd-line-graph-container .vd-grid.vd-y .domain,
|
7744
|
+
.vd-line-graph-container .vd-grid.vd-y .domain,
|
7745
|
+
.vd-line-graph-container .vd-axis.vd-y .domain,
|
7746
|
+
.vd-line-graph-container .vd-axis.vd-x .domain {
|
7616
7747
|
display: none;
|
7617
7748
|
}
|
7618
|
-
.vd-line-graph-container .vd-grid.vd-y .tick line,
|
7749
|
+
.vd-line-graph-container .vd-grid.vd-y .tick line,
|
7750
|
+
.vd-line-graph-container .vd-axis.vd-y .tick line,
|
7751
|
+
.vd-line-graph-container .vd-axis.vd-x .tick line {
|
7619
7752
|
stroke: var(--vd-colour--framing);
|
7620
7753
|
stroke-width: 1px;
|
7621
7754
|
fill: transparent;
|
@@ -7638,10 +7771,10 @@ td.vd-hide-print {
|
|
7638
7771
|
.vd-line-graph-container .vd-line-with-fill {
|
7639
7772
|
fill: transparent;
|
7640
7773
|
stroke-width: 2px;
|
7641
|
-
stroke: #
|
7774
|
+
stroke: #009d12;
|
7642
7775
|
}
|
7643
7776
|
.vd-line-graph-container .vd-line-fill {
|
7644
|
-
fill: #
|
7777
|
+
fill: #009d12;
|
7645
7778
|
opacity: 0.1;
|
7646
7779
|
stroke-width: 0;
|
7647
7780
|
}
|
@@ -7651,7 +7784,7 @@ td.vd-hide-print {
|
|
7651
7784
|
stroke-width: 2px;
|
7652
7785
|
}
|
7653
7786
|
.vd-line-graph-container .vd-plot-point-with-fill {
|
7654
|
-
fill: #
|
7787
|
+
fill: #009d12;
|
7655
7788
|
stroke: #fff;
|
7656
7789
|
}
|
7657
7790
|
.vd-line-graph-container .vd-plot-point-hidden {
|
@@ -7785,14 +7918,20 @@ td.vd-hide-print {
|
|
7785
7918
|
.vd-modal-inner-container > .vd-g-row {
|
7786
7919
|
width: 100%;
|
7787
7920
|
}
|
7788
|
-
.vd-modal-inner-container .vd-breadcrumb,
|
7921
|
+
.vd-modal-inner-container .vd-breadcrumb,
|
7922
|
+
.vd-modal-inner-container .vd-dialog-header, .vd-modal-container:not(.vd-modal--size-full-screen) .vd-modal-inner-container .vd-modal-content,
|
7923
|
+
.vd-modal-inner-container .vd-dialog-actions {
|
7789
7924
|
margin-left: var(--vd-dialog-spacing);
|
7790
7925
|
margin-right: var(--vd-dialog-spacing);
|
7791
7926
|
}
|
7792
|
-
.vd-modal-inner-container .vd-breadcrumb:first-child,
|
7927
|
+
.vd-modal-inner-container .vd-breadcrumb:first-child,
|
7928
|
+
.vd-modal-inner-container .vd-dialog-header:first-child, .vd-modal-container:not(.vd-modal--size-full-screen) .vd-modal-inner-container .vd-modal-content:first-child,
|
7929
|
+
.vd-modal-inner-container .vd-dialog-actions:first-child {
|
7793
7930
|
margin-top: var(--vd-dialog-spacing);
|
7794
7931
|
}
|
7795
|
-
.vd-modal-inner-container .vd-breadcrumb:last-child,
|
7932
|
+
.vd-modal-inner-container .vd-breadcrumb:last-child,
|
7933
|
+
.vd-modal-inner-container .vd-dialog-header:last-child, .vd-modal-container:not(.vd-modal--size-full-screen) .vd-modal-inner-container .vd-modal-content:last-child,
|
7934
|
+
.vd-modal-inner-container .vd-dialog-actions:last-child {
|
7796
7935
|
margin-bottom: var(--vd-dialog-spacing);
|
7797
7936
|
}
|
7798
7937
|
.vd-modal-inner-container .vd-breadcrumb + .vd-dialog-header, .vd-modal-inner-container .vd-breadcrumb + .vd-modal-content, .vd-modal-inner-container .vd-breadcrumb + .vd-dialog-actions {
|
@@ -7926,7 +8065,8 @@ td.vd-hide-print {
|
|
7926
8065
|
padding-right: 0;
|
7927
8066
|
padding-left: 6px;
|
7928
8067
|
}
|
7929
|
-
.vd-table-list-cell--toggle + .vd-table-list-cell,
|
8068
|
+
.vd-table-list-cell--toggle + .vd-table-list-cell,
|
8069
|
+
.vd-table-list-cell--toggle + .vd-table-list-head-cell {
|
7930
8070
|
padding-left: 0;
|
7931
8071
|
}
|
7932
8072
|
.vd-table-list-cell--toggle .vd-table-list-toggle-icon {
|
@@ -7988,6 +8128,9 @@ td.vd-hide-print {
|
|
7988
8128
|
.vd-table-list-row {
|
7989
8129
|
border-bottom: 1px solid var(--vd-colour--framing);
|
7990
8130
|
}
|
8131
|
+
.vd-table-list-row.vd-table-list-row--active {
|
8132
|
+
background-color: var(--vd-colour--go-highlight);
|
8133
|
+
}
|
7991
8134
|
|
7992
8135
|
.vd-table-list-row--expandable:hover {
|
7993
8136
|
cursor: pointer;
|