@geotab/zenith 3.13.1-beta.0 → 3.13.1-beta.2
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/README.md +2 -12
- package/dist/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.js +29 -29
- package/dist/calendar/calendar.js +1 -1
- package/dist/chart/lineChart/getDefaultOptions.js +2 -7
- package/dist/chart/lineChart/useSummary.d.ts +1 -2
- package/dist/columnsSelector/columnsSelector.js +1 -1
- package/dist/commonHelpers/arrowNavigation/arrowNavigationHelper.d.ts +1 -1
- package/dist/commonHelpers/arrowNavigation/arrowNavigationHelper.js +12 -29
- package/dist/commonHelpers/arrowNavigation/components/arrowButton/arrowButton.d.ts +1 -2
- package/dist/commonHelpers/arrowNavigation/components/arrowButton/arrowButton.js +2 -2
- package/dist/commonHelpers/arrowNavigation/hooks/useManualScrolling.js +2 -4
- package/dist/commonHelpers/arrowNavigation/hooks/useScrollWhileHolding.js +3 -12
- package/dist/commonHelpers/arrowNavigation/hooks/useScrolling.js +6 -18
- package/dist/commonStyles/caption/caption.less +5 -3
- package/dist/commonStyles/colors/colors.less +19 -4
- package/dist/commonStyles/columnsList.less +0 -1
- package/dist/commonStyles/common.less +2 -1
- package/dist/commonStyles/ellipsis.less +1 -1
- package/dist/commonStyles/fonts/roboto.less +7 -7
- package/dist/commonStyles/link/link.less +1 -1
- package/dist/commonStyles/notSelectable.less +4 -0
- package/dist/commonStyles/pillStyles/pillContent.less +2 -6
- package/dist/commonStyles/pillStyles/pillStyles.less +1 -1
- package/dist/commonStyles/pillStyles/pillTextContent.less +0 -3
- package/dist/commonStyles/pillStyles/pillTypes.less +0 -10
- package/dist/commonStyles/popupMixin.less +2 -2
- package/dist/commonStyles/rangeFieldMixin.less +6 -3
- package/dist/commonStyles/shadows/shadows.less +3 -3
- package/dist/commonStyles/typography/typography.less +24 -24
- package/dist/dataFeed/dataFeed.js +2 -28
- package/dist/dataGrid/columns/actionsColumn/actionsButton.js +1 -1
- package/dist/dataGrid/withFlexibleColumns/withFlexibleColumns.js +1 -1
- package/dist/dataGrid/withSelectableRows/withSelectableRows.js +1 -1
- package/dist/dateInputInner/dateInputInnerControlBlock.js +57 -57
- package/dist/divider/divider.js +1 -1
- package/dist/dropdownRaw/dropdownRaw.js +1 -1
- package/dist/filtersBar/components/filtersBarPeriodPicker/filtersBarPeriodPicker.js +1 -1
- package/dist/filtersBar/filtersBarSidePanel/filtersBarSidePanel.js +31 -31
- package/dist/filtersBar/filtersContainer/filtersContainer.js +5 -16
- package/dist/header/components/collapsedItemsControl/collapsedItemsControl.js +1 -1
- package/dist/header/header.js +1 -1
- package/dist/header/headerMenu.js +1 -1
- package/dist/index.css +569 -485
- package/dist/list/itemData/itemDataInternal.js +1 -1
- package/dist/list/listItem/listItem.js +1 -1
- package/dist/menu/menu.js +1 -1
- package/dist/nav/navAddMenu/navAddMenu.js +1 -1
- package/dist/nav/navFooter/navFooter.js +4 -4
- package/dist/nav/navFooter/navFooterAction/navFooterAction.js +1 -1
- package/dist/nav/navHeader/navHeader.js +1 -1
- package/dist/nav/navHeader/navHeaderSearch/navHeaderSearch.js +1 -1
- package/dist/nav/navItem/navItem.js +2 -2
- package/dist/rangeRaw/rangeRaw.js +1 -1
- package/dist/rangeRaw/utils/rangeHelper.js +28 -28
- package/dist/sortControl/sortControl.js +1 -1
- package/dist/summary/summary.d.ts +2 -3
- package/dist/summary/summary.js +2 -6
- package/dist/summaryTileBar/summaryTileBar.js +1 -3
- package/dist/table/actions/actionsMenu.js +2 -2
- package/dist/table/flexible/columnsPopup.js +1 -1
- package/dist/table/table.js +7 -5
- package/dist/tabs/tabs.js +5 -16
- package/dist/toolbar/helpers/getWidthWithMargin.js +2 -2
- package/dist/tooltip/helpers/calculateArrowPosition.js +7 -1
- package/dist/tooltip/tooltip.js +5 -7
- package/dist/utils/localization/translations/ar.json +7 -7
- package/dist/utils/localization/translations/cs.json +7 -7
- package/dist/utils/localization/translations/da-DK.json +7 -7
- package/dist/utils/localization/translations/de.json +7 -7
- package/dist/utils/localization/translations/en.json +7 -7
- package/dist/utils/localization/translations/es.json +7 -7
- package/dist/utils/localization/translations/fi-FI.json +7 -7
- package/dist/utils/localization/translations/fr-FR.json +7 -7
- package/dist/utils/localization/translations/fr.json +7 -7
- package/dist/utils/localization/translations/hu-HU.json +7 -7
- package/dist/utils/localization/translations/id.json +7 -7
- package/dist/utils/localization/translations/it.json +7 -7
- package/dist/utils/localization/translations/ja.json +7 -7
- package/dist/utils/localization/translations/ko-KR.json +7 -7
- package/dist/utils/localization/translations/ms.json +7 -7
- package/dist/utils/localization/translations/nb-NO.json +7 -7
- package/dist/utils/localization/translations/nl.json +7 -7
- package/dist/utils/localization/translations/pl.json +7 -7
- package/dist/utils/localization/translations/pt-BR.json +7 -7
- package/dist/utils/localization/translations/pt-PT.json +7 -7
- package/dist/utils/localization/translations/ro-RO.json +7 -7
- package/dist/utils/localization/translations/sk-SK.json +7 -7
- package/dist/utils/localization/translations/sv.json +7 -7
- package/dist/utils/localization/translations/th.json +7 -7
- package/dist/utils/localization/translations/tr.json +7 -7
- package/dist/utils/localization/translations/zh-Hans.json +7 -7
- package/dist/utils/localization/translations/zh-TW.json +7 -7
- package/esm/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.js +29 -29
- package/esm/calendar/calendar.js +1 -1
- package/esm/chart/lineChart/getDefaultOptions.js +2 -7
- package/esm/chart/lineChart/useSummary.d.ts +1 -2
- package/esm/columnsSelector/columnsSelector.js +1 -1
- package/esm/commonHelpers/arrowNavigation/arrowNavigationHelper.d.ts +1 -1
- package/esm/commonHelpers/arrowNavigation/arrowNavigationHelper.js +12 -29
- package/esm/commonHelpers/arrowNavigation/components/arrowButton/arrowButton.d.ts +1 -2
- package/esm/commonHelpers/arrowNavigation/components/arrowButton/arrowButton.js +2 -2
- package/esm/commonHelpers/arrowNavigation/hooks/useManualScrolling.js +2 -4
- package/esm/commonHelpers/arrowNavigation/hooks/useScrollWhileHolding.js +3 -12
- package/esm/commonHelpers/arrowNavigation/hooks/useScrolling.js +6 -18
- package/esm/dataFeed/dataFeed.js +2 -28
- package/esm/dataGrid/columns/actionsColumn/actionsButton.js +1 -1
- package/esm/dataGrid/withFlexibleColumns/withFlexibleColumns.js +1 -1
- package/esm/dataGrid/withSelectableRows/withSelectableRows.js +1 -1
- package/esm/dateInputInner/dateInputInnerControlBlock.js +57 -57
- package/esm/divider/divider.js +1 -1
- package/esm/dropdownRaw/dropdownRaw.js +1 -1
- package/esm/filtersBar/components/filtersBarPeriodPicker/filtersBarPeriodPicker.js +1 -1
- package/esm/filtersBar/filtersBarSidePanel/filtersBarSidePanel.js +31 -31
- package/esm/filtersBar/filtersContainer/filtersContainer.js +5 -16
- package/esm/header/components/collapsedItemsControl/collapsedItemsControl.js +1 -1
- package/esm/header/header.js +1 -1
- package/esm/header/headerMenu.js +1 -1
- package/esm/list/itemData/itemDataInternal.js +1 -1
- package/esm/list/listItem/listItem.js +1 -1
- package/esm/menu/menu.js +1 -1
- package/esm/nav/navAddMenu/navAddMenu.js +1 -1
- package/esm/nav/navFooter/navFooter.js +4 -4
- package/esm/nav/navFooter/navFooterAction/navFooterAction.js +1 -1
- package/esm/nav/navHeader/navHeader.js +1 -1
- package/esm/nav/navHeader/navHeaderSearch/navHeaderSearch.js +1 -1
- package/esm/nav/navItem/navItem.js +2 -2
- package/esm/rangeRaw/rangeRaw.js +1 -1
- package/esm/rangeRaw/utils/rangeHelper.js +28 -28
- package/esm/sortControl/sortControl.js +1 -1
- package/esm/summary/summary.d.ts +2 -3
- package/esm/summary/summary.js +2 -6
- package/esm/summaryTileBar/summaryTileBar.js +1 -3
- package/esm/table/actions/actionsMenu.js +2 -2
- package/esm/table/flexible/columnsPopup.js +1 -1
- package/esm/table/table.js +7 -5
- package/esm/tabs/tabs.js +5 -16
- package/esm/toolbar/helpers/getWidthWithMargin.js +2 -2
- package/esm/tooltip/helpers/calculateArrowPosition.js +7 -1
- package/esm/tooltip/tooltip.js +5 -7
- package/esm/utils/localization/translations/ar.json +7 -7
- package/esm/utils/localization/translations/cs.json +7 -7
- package/esm/utils/localization/translations/da-DK.json +7 -7
- package/esm/utils/localization/translations/de.json +7 -7
- package/esm/utils/localization/translations/en.json +7 -7
- package/esm/utils/localization/translations/es.json +7 -7
- package/esm/utils/localization/translations/fi-FI.json +7 -7
- package/esm/utils/localization/translations/fr-FR.json +7 -7
- package/esm/utils/localization/translations/fr.json +7 -7
- package/esm/utils/localization/translations/hu-HU.json +7 -7
- package/esm/utils/localization/translations/id.json +7 -7
- package/esm/utils/localization/translations/it.json +7 -7
- package/esm/utils/localization/translations/ja.json +7 -7
- package/esm/utils/localization/translations/ko-KR.json +7 -7
- package/esm/utils/localization/translations/ms.json +7 -7
- package/esm/utils/localization/translations/nb-NO.json +7 -7
- package/esm/utils/localization/translations/nl.json +7 -7
- package/esm/utils/localization/translations/pl.json +7 -7
- package/esm/utils/localization/translations/pt-BR.json +7 -7
- package/esm/utils/localization/translations/pt-PT.json +7 -7
- package/esm/utils/localization/translations/ro-RO.json +7 -7
- package/esm/utils/localization/translations/sk-SK.json +7 -7
- package/esm/utils/localization/translations/sv.json +7 -7
- package/esm/utils/localization/translations/th.json +7 -7
- package/esm/utils/localization/translations/tr.json +7 -7
- package/esm/utils/localization/translations/zh-Hans.json +7 -7
- package/esm/utils/localization/translations/zh-TW.json +7 -7
- package/package.json +1 -10
package/dist/index.css
CHANGED
|
@@ -1,41 +1,41 @@
|
|
|
1
1
|
@font-face {
|
|
2
|
-
font-family: Roboto;
|
|
2
|
+
font-family: "Roboto";
|
|
3
3
|
font-style: normal;
|
|
4
4
|
font-weight: 300;
|
|
5
5
|
src: url("./commonStyles/fonts/roboto/Roboto-Light.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Light.woff") format("woff");
|
|
6
6
|
}
|
|
7
7
|
@font-face {
|
|
8
|
-
font-family: Roboto;
|
|
8
|
+
font-family: "Roboto";
|
|
9
9
|
font-style: normal;
|
|
10
10
|
font-weight: 400;
|
|
11
11
|
src: url("./commonStyles/fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Regular.woff") format("woff");
|
|
12
12
|
}
|
|
13
13
|
@font-face {
|
|
14
|
-
font-family: Roboto;
|
|
14
|
+
font-family: "Roboto";
|
|
15
15
|
font-style: normal;
|
|
16
16
|
font-weight: 500;
|
|
17
17
|
src: url("./commonStyles/fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Medium.woff") format("woff");
|
|
18
18
|
}
|
|
19
19
|
@font-face {
|
|
20
|
-
font-family: Roboto;
|
|
20
|
+
font-family: "Roboto";
|
|
21
21
|
font-style: normal;
|
|
22
22
|
font-weight: 700;
|
|
23
23
|
src: url("./commonStyles/fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Bold.woff") format("woff");
|
|
24
24
|
}
|
|
25
25
|
@font-face {
|
|
26
|
-
font-family: Roboto;
|
|
26
|
+
font-family: "Roboto";
|
|
27
27
|
font-style: italic;
|
|
28
28
|
font-weight: 300;
|
|
29
29
|
src: url("./commonStyles/fonts/roboto/Roboto-LightItalic.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-LightItalic.woff") format("woff");
|
|
30
30
|
}
|
|
31
31
|
@font-face {
|
|
32
|
-
font-family: Roboto;
|
|
32
|
+
font-family: "Roboto";
|
|
33
33
|
font-style: italic;
|
|
34
34
|
font-weight: 400;
|
|
35
35
|
src: url("./commonStyles/fonts/roboto/Roboto-Italic.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-Italic.woff") format("woff");
|
|
36
36
|
}
|
|
37
37
|
@font-face {
|
|
38
|
-
font-family: Roboto;
|
|
38
|
+
font-family: "Roboto";
|
|
39
39
|
font-style: italic;
|
|
40
40
|
font-weight: 700;
|
|
41
41
|
src: url("./commonStyles/fonts/roboto/Roboto-BoldItalic.woff2") format("woff2"), url("./commonStyles/fonts/roboto/Roboto-BoldItalic.woff") format("woff");
|
|
@@ -509,7 +509,7 @@ html:lang(ar) .zen-data-xs {
|
|
|
509
509
|
text-transform: none;
|
|
510
510
|
text-decoration: none;
|
|
511
511
|
}
|
|
512
|
-
@media (width
|
|
512
|
+
@media (max-width: 640px) {
|
|
513
513
|
.zen-heading-xl-300 {
|
|
514
514
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
515
515
|
font-size: 1.25rem;
|
|
@@ -708,10 +708,10 @@ html:lang(ar) .zen-data-xs {
|
|
|
708
708
|
}
|
|
709
709
|
}
|
|
710
710
|
:root {
|
|
711
|
-
--main-font:
|
|
712
|
-
--main-font-data: "Roboto Mono", "Segoe UI",
|
|
713
|
-
--data-font-drive: "Roboto Mono", "Segoe UI",
|
|
714
|
-
--arabic-font-family: "Noto Sans Arabic",
|
|
711
|
+
--main-font: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
712
|
+
--main-font-data: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
713
|
+
--data-font-drive: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
714
|
+
--arabic-font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
715
715
|
}
|
|
716
716
|
.label-01,
|
|
717
717
|
.body-label-400 {
|
|
@@ -758,7 +758,7 @@ html:lang(ar) .label-01-mobile-drive,
|
|
|
758
758
|
html:lang(ar) .mobile-label-400-drive {
|
|
759
759
|
font-family: var(--arabic-font-family);
|
|
760
760
|
}
|
|
761
|
-
@media (width
|
|
761
|
+
@media (max-width: 640px) {
|
|
762
762
|
.tablet-label-400-drive {
|
|
763
763
|
font-family: var(--main-font);
|
|
764
764
|
font-size: 14px;
|
|
@@ -893,7 +893,7 @@ html:lang(ar) .body-01-mobile-drive,
|
|
|
893
893
|
html:lang(ar) .mobile-body-l-400-drive {
|
|
894
894
|
font-family: var(--arabic-font-family);
|
|
895
895
|
}
|
|
896
|
-
@media (width
|
|
896
|
+
@media (max-width: 640px) {
|
|
897
897
|
.tablet-body-l-400-drive {
|
|
898
898
|
font-family: var(--main-font);
|
|
899
899
|
font-size: 18px;
|
|
@@ -938,7 +938,7 @@ html:lang(ar) .body-02-short-mobile-drive,
|
|
|
938
938
|
html:lang(ar) .mobile-body-m-400-short-drive {
|
|
939
939
|
font-family: var(--arabic-font-family);
|
|
940
940
|
}
|
|
941
|
-
@media (width
|
|
941
|
+
@media (max-width: 640px) {
|
|
942
942
|
.tablet-body-m-400-short-drive {
|
|
943
943
|
font-family: var(--main-font);
|
|
944
944
|
font-size: 16px;
|
|
@@ -983,7 +983,7 @@ html:lang(ar) .body-02-tall-mobile-drive,
|
|
|
983
983
|
html:lang(ar) .mobile-body-m-400-tall-drive {
|
|
984
984
|
font-family: var(--arabic-font-family);
|
|
985
985
|
}
|
|
986
|
-
@media (width
|
|
986
|
+
@media (max-width: 640px) {
|
|
987
987
|
.tablet-body-m-400-tall-drive {
|
|
988
988
|
font-family: var(--main-font);
|
|
989
989
|
font-size: 16px;
|
|
@@ -1028,7 +1028,7 @@ html:lang(ar) .body-03-mobile-drive,
|
|
|
1028
1028
|
html:lang(ar) .mobile-body-s-700-drive {
|
|
1029
1029
|
font-family: var(--arabic-font-family);
|
|
1030
1030
|
}
|
|
1031
|
-
@media (width
|
|
1031
|
+
@media (max-width: 640px) {
|
|
1032
1032
|
.tablet-body-s-700-drive {
|
|
1033
1033
|
font-family: var(--main-font);
|
|
1034
1034
|
font-size: 14px;
|
|
@@ -1073,7 +1073,7 @@ html:lang(ar) .body-04-mobile-drive,
|
|
|
1073
1073
|
html:lang(ar) .mobile-body-s-400-drive {
|
|
1074
1074
|
font-family: var(--arabic-font-family);
|
|
1075
1075
|
}
|
|
1076
|
-
@media (width
|
|
1076
|
+
@media (max-width: 640px) {
|
|
1077
1077
|
.tablet-body-s-400-drive {
|
|
1078
1078
|
font-family: var(--main-font);
|
|
1079
1079
|
font-size: 14px;
|
|
@@ -1118,7 +1118,7 @@ html:lang(ar) .body-05-mobile-drive,
|
|
|
1118
1118
|
html:lang(ar) .mobile-body-s-400-italic-drive {
|
|
1119
1119
|
font-family: var(--arabic-font-family);
|
|
1120
1120
|
}
|
|
1121
|
-
@media (width
|
|
1121
|
+
@media (max-width: 640px) {
|
|
1122
1122
|
.tablet-body-s-400-italic-drive {
|
|
1123
1123
|
font-family: var(--main-font);
|
|
1124
1124
|
font-size: 14px;
|
|
@@ -1163,7 +1163,7 @@ html:lang(ar) .heading-01-mobile,
|
|
|
1163
1163
|
html:lang(ar) .heading-xl-300-mobile {
|
|
1164
1164
|
font-family: var(--arabic-font-family);
|
|
1165
1165
|
}
|
|
1166
|
-
@media (width
|
|
1166
|
+
@media (max-width: 640px) {
|
|
1167
1167
|
.heading-xl-300 {
|
|
1168
1168
|
font-family: var(--main-font);
|
|
1169
1169
|
font-size: 20px;
|
|
@@ -1223,7 +1223,7 @@ html:lang(ar) .heading-03-mobile,
|
|
|
1223
1223
|
html:lang(ar) .heading-m-300-mobile {
|
|
1224
1224
|
font-family: var(--arabic-font-family);
|
|
1225
1225
|
}
|
|
1226
|
-
@media (width
|
|
1226
|
+
@media (max-width: 640px) {
|
|
1227
1227
|
.heading-m-300 {
|
|
1228
1228
|
font-family: var(--main-font);
|
|
1229
1229
|
font-size: 18px;
|
|
@@ -1326,7 +1326,7 @@ html:lang(ar) .heading-01-mobile-drive,
|
|
|
1326
1326
|
html:lang(ar) .mobile-heading-xl-300-drive {
|
|
1327
1327
|
font-family: var(--arabic-font-family);
|
|
1328
1328
|
}
|
|
1329
|
-
@media (width
|
|
1329
|
+
@media (max-width: 640px) {
|
|
1330
1330
|
.tablet-heading-xl-300-drive {
|
|
1331
1331
|
font-family: var(--main-font);
|
|
1332
1332
|
font-size: 24px;
|
|
@@ -1371,7 +1371,7 @@ html:lang(ar) .heading-02-mobile-drive,
|
|
|
1371
1371
|
html:lang(ar) .mobile-heading-l-400-drive {
|
|
1372
1372
|
font-family: var(--arabic-font-family);
|
|
1373
1373
|
}
|
|
1374
|
-
@media (width
|
|
1374
|
+
@media (max-width: 640px) {
|
|
1375
1375
|
.tablet-heading-l-400-drive {
|
|
1376
1376
|
font-family: var(--main-font);
|
|
1377
1377
|
font-size: 22px;
|
|
@@ -1416,7 +1416,7 @@ html:lang(ar) .heading-03-mobile-drive,
|
|
|
1416
1416
|
html:lang(ar) .mobile-heading-m-300-drive {
|
|
1417
1417
|
font-family: var(--arabic-font-family);
|
|
1418
1418
|
}
|
|
1419
|
-
@media (width
|
|
1419
|
+
@media (max-width: 640px) {
|
|
1420
1420
|
.tablet-heading-m-300-drive {
|
|
1421
1421
|
font-family: var(--main-font);
|
|
1422
1422
|
font-size: 18px;
|
|
@@ -1461,7 +1461,7 @@ html:lang(ar) .heading-04-mobile-drive,
|
|
|
1461
1461
|
html:lang(ar) .mobile-heading-m-500-drive {
|
|
1462
1462
|
font-family: var(--arabic-font-family);
|
|
1463
1463
|
}
|
|
1464
|
-
@media (width
|
|
1464
|
+
@media (max-width: 640px) {
|
|
1465
1465
|
.tablet-heading-m-500-drive {
|
|
1466
1466
|
font-family: var(--main-font);
|
|
1467
1467
|
font-size: 18px;
|
|
@@ -1506,7 +1506,7 @@ html:lang(ar) .heading-05-mobile-drive,
|
|
|
1506
1506
|
html:lang(ar) .mobile-heading-s-500-drive {
|
|
1507
1507
|
font-family: var(--arabic-font-family);
|
|
1508
1508
|
}
|
|
1509
|
-
@media (width
|
|
1509
|
+
@media (max-width: 640px) {
|
|
1510
1510
|
.tablet-heading-s-500-drive {
|
|
1511
1511
|
font-family: var(--main-font);
|
|
1512
1512
|
font-size: 16px;
|
|
@@ -1577,7 +1577,7 @@ html:lang(ar) .heading-07-mobile-drive,
|
|
|
1577
1577
|
html:lang(ar) .mobile-heading-s-300-drive {
|
|
1578
1578
|
font-family: var(--arabic-font-family);
|
|
1579
1579
|
}
|
|
1580
|
-
@media (width
|
|
1580
|
+
@media (max-width: 640px) {
|
|
1581
1581
|
.tablet-heading-s-300-drive {
|
|
1582
1582
|
font-family: var(--main-font);
|
|
1583
1583
|
font-size: 16px;
|
|
@@ -1712,7 +1712,7 @@ html:lang(ar) .data-01-mobile-drive,
|
|
|
1712
1712
|
html:lang(ar) .mobile-data-xl-drive {
|
|
1713
1713
|
font-family: var(--data-font-drive);
|
|
1714
1714
|
}
|
|
1715
|
-
@media (width
|
|
1715
|
+
@media (max-width: 640px) {
|
|
1716
1716
|
.tablet-data-xl-drive {
|
|
1717
1717
|
font-family: var(--data-font-drive);
|
|
1718
1718
|
font-size: 32px;
|
|
@@ -1757,7 +1757,7 @@ html:lang(ar) .data-02-mobile-drive,
|
|
|
1757
1757
|
html:lang(ar) .mobile-data-l-drive {
|
|
1758
1758
|
font-family: var(--data-font-drive);
|
|
1759
1759
|
}
|
|
1760
|
-
@media (width
|
|
1760
|
+
@media (max-width: 640px) {
|
|
1761
1761
|
.tablet-data-l-drive {
|
|
1762
1762
|
font-family: var(--data-font-drive);
|
|
1763
1763
|
font-size: 20px;
|
|
@@ -1802,7 +1802,7 @@ html:lang(ar) .data-03-mobile-drive,
|
|
|
1802
1802
|
html:lang(ar) .mobile-data-m-drive {
|
|
1803
1803
|
font-family: var(--data-font-drive);
|
|
1804
1804
|
}
|
|
1805
|
-
@media (width
|
|
1805
|
+
@media (max-width: 640px) {
|
|
1806
1806
|
.tablet-data-m-drive {
|
|
1807
1807
|
font-family: var(--data-font-drive);
|
|
1808
1808
|
font-size: 16px;
|
|
@@ -1847,7 +1847,7 @@ html:lang(ar) .data-04-mobile-drive,
|
|
|
1847
1847
|
html:lang(ar) .mobile-data-s-drive {
|
|
1848
1848
|
font-family: var(--data-font-drive);
|
|
1849
1849
|
}
|
|
1850
|
-
@media (width
|
|
1850
|
+
@media (max-width: 640px) {
|
|
1851
1851
|
.tablet-data-s-drive {
|
|
1852
1852
|
font-family: var(--data-font-drive);
|
|
1853
1853
|
font-size: 16px;
|
|
@@ -1870,9 +1870,9 @@ html:lang(ar) .mobile-data-s-drive {
|
|
|
1870
1870
|
--text-nav-highlight: #0069bf;
|
|
1871
1871
|
--text-error-message: #c51a11;
|
|
1872
1872
|
--text-button-disabled: #c0ccd8;
|
|
1873
|
-
--text-reverse-primary: #
|
|
1873
|
+
--text-reverse-primary: #ffffff;
|
|
1874
1874
|
--text-reverse-primary-button: var(--text-reverse-primary);
|
|
1875
|
-
--backgrounds-main: #
|
|
1875
|
+
--backgrounds-main: #ffffff;
|
|
1876
1876
|
--backgrounds-content-0: #f9fafb;
|
|
1877
1877
|
--backgrounds-content-1: #f2f5f7;
|
|
1878
1878
|
--backgrounds-content-2: #d9e1e8;
|
|
@@ -1927,7 +1927,7 @@ html:lang(ar) .mobile-data-s-drive {
|
|
|
1927
1927
|
--data--categorical-grey: #8a94a2;
|
|
1928
1928
|
}
|
|
1929
1929
|
.zen-dark {
|
|
1930
|
-
--text-primary: #
|
|
1930
|
+
--text-primary: #ffffff;
|
|
1931
1931
|
--text-secondary: #c0ccd8;
|
|
1932
1932
|
--text-placeholder: #a6b8c9;
|
|
1933
1933
|
--text-hyperlink: #ebf6ff;
|
|
@@ -1945,7 +1945,7 @@ html:lang(ar) .mobile-data-s-drive {
|
|
|
1945
1945
|
--backgrounds-overlay: rgba(31, 40, 51, 0.4);
|
|
1946
1946
|
--backgrounds-primary-brand: #4cb2ff;
|
|
1947
1947
|
--backgrounds-reverse-2: #5282cb;
|
|
1948
|
-
--backgrounds-reverse-1: #
|
|
1948
|
+
--backgrounds-reverse-1: #ffffff;
|
|
1949
1949
|
--backgrounds-reverse-0: #f2f5f7;
|
|
1950
1950
|
--borders-general: #748faa;
|
|
1951
1951
|
--borders-secondary: #c0ccd8;
|
|
@@ -1991,7 +1991,7 @@ html:lang(ar) .mobile-data-s-drive {
|
|
|
1991
1991
|
justify-content: center;
|
|
1992
1992
|
}
|
|
1993
1993
|
.zen-caption--center .zen-caption__content {
|
|
1994
|
-
margin-
|
|
1994
|
+
margin-right: 0;
|
|
1995
1995
|
}
|
|
1996
1996
|
.zen-caption--full-width {
|
|
1997
1997
|
width: 100%;
|
|
@@ -2000,14 +2000,15 @@ html:lang(ar) .mobile-data-s-drive {
|
|
|
2000
2000
|
line-height: 16px;
|
|
2001
2001
|
font-weight: 400;
|
|
2002
2002
|
white-space: nowrap;
|
|
2003
|
-
margin-
|
|
2003
|
+
margin-left: 0;
|
|
2004
|
+
margin-right: auto;
|
|
2004
2005
|
}
|
|
2005
2006
|
.zen-caption--hidden {
|
|
2006
2007
|
display: none;
|
|
2007
2008
|
}
|
|
2008
2009
|
.zen-caption--wrapped .zen-caption__content {
|
|
2009
2010
|
white-space: normal;
|
|
2010
|
-
|
|
2011
|
+
word-wrap: break-word;
|
|
2011
2012
|
}
|
|
2012
2013
|
.zen-caption.zen-caption {
|
|
2013
2014
|
display: inline-flex;
|
|
@@ -2016,20 +2017,24 @@ html:lang(ar) .mobile-data-s-drive {
|
|
|
2016
2017
|
overflow: hidden;
|
|
2017
2018
|
text-overflow: ellipsis;
|
|
2018
2019
|
white-space: nowrap;
|
|
2019
|
-
|
|
2020
|
+
word-wrap: normal;
|
|
2020
2021
|
}
|
|
2021
2022
|
.zen-not-selectable {
|
|
2022
2023
|
-webkit-touch-callout: none;
|
|
2024
|
+
-webkit-user-select: none;
|
|
2025
|
+
-khtml-user-select: none;
|
|
2026
|
+
-moz-user-select: none;
|
|
2027
|
+
-ms-user-select: none;
|
|
2023
2028
|
user-select: none;
|
|
2024
2029
|
}
|
|
2025
2030
|
.zen-shadow-dropdown-default {
|
|
2026
|
-
box-shadow:
|
|
2031
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
|
2027
2032
|
}
|
|
2028
2033
|
.zen-card-shadow {
|
|
2029
|
-
box-shadow:
|
|
2034
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
|
|
2030
2035
|
}
|
|
2031
2036
|
.zen-chip-shadow {
|
|
2032
|
-
box-shadow:
|
|
2037
|
+
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
|
|
2033
2038
|
}
|
|
2034
2039
|
.zenIcons_pdf {
|
|
2035
2040
|
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236a0000%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e00%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22d%22%20x1%3D%2215.139%22%20x2%3D%2218.633%22%20y1%3D%2210.443%22%20y2%3D%2231.32%22%20gradientTransform%3D%22matrix(1.73%200%200%201.939%20245.97%20385.974)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f8f8f7%22%2F%3E%3Cstop%20offset%3D%22.599%22%20stop-color%3D%22%23e8e8e8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e2e2de%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%2220.794%22%20x2%3D%2235.596%22%20y1%3D%2218.379%22%20y2%3D%2239.6%22%20gradientTransform%3D%22matrix(1.343%200%200%201.235%20246.554%20404.243)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-254.286%20-410.076)%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20x%3D%22254.287%22%20y%3D%22410.086%22%20fill%3D%22none%22%20color%3D%22%23000%22%20overflow%3D%22visible%22%20ry%3D%22.002%22%2F%3E%3Crect%20width%3D%2238.997%22%20height%3D%2245.003%22%20x%3D%22259.275%22%20y%3D%22412.317%22%20fill%3D%22url(%23c)%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23888a85%22%20rx%3D%22.567%22%20ry%3D%22.567%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20fill-rule%3D%22evenodd%22%20d%3D%22M293.774%20420.82h-30v2h30zM295.384%20425.973h-32.763v2.26h32.763zM295.384%20432.753h-32.763v2.26h32.763zM295.384%20439.533h-32.763v2.26h32.763z%22%20color%3D%22%23000%22%20overflow%3D%22visible%22%2F%3E%3Crect%20width%3D%2237.026%22%20height%3D%2243.022%22%20x%3D%22260.273%22%20y%3D%22413.32%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20rx%3D%220%22%20ry%3D%220%22%2F%3E%3Cpath%20fill%3D%22url(%23d)%22%20d%3D%22M254.785%20424.292v21.454h46.844v-21.454h-46.844z%22%2F%3E%3Cg%20fill%3D%22%23fff%22%20font-family%3D%22Bitstream%20Vera%20Sans%22%20font-size%3D%2212.448%22%20font-weight%3D%22bold%22%3E%3Cpath%20style%3D%22-inkscape-font-specification%3ABitstream%20Charter%20Bold%22%20d%3D%22M260.745%20427.96h5.398c1.605%200%202.836.401%203.692%201.203.862.795%201.292%201.932%201.293%203.409%200%201.483-.431%202.626-1.293%203.428-.856.795-2.087%201.193-3.692%201.193h-2.146v4.905h-3.252v-14.137m3.252%202.642v3.948h1.799c.631%200%201.118-.17%201.461-.511.344-.347.515-.836.515-1.468%200-.631-.172-1.117-.515-1.458-.344-.341-.831-.511-1.461-.511h-1.799M276.669%20430.715v8.626h1.166c1.329%200%202.343-.369%203.041-1.108.704-.739%201.056-1.812%201.056-3.219%200-1.401-.349-2.468-1.048-3.2-.698-.732-1.715-1.098-3.05-1.098h-1.166m-3.252-2.755h3.43c1.915%200%203.34.155%204.275.464a5.514%205.514%200%200%201%202.416%201.553%206.165%206.165%200%200%201%201.318%202.206c.287.833.431%201.777.431%202.831%200%201.067-.144%202.02-.431%202.86a6.157%206.157%200%200%201-1.318%202.206%205.647%205.647%200%200%201-2.433%201.562c-.946.303-2.365.455-4.258.455h-3.43v-14.137M287.778%20427.96h8.777v2.755h-5.525v2.632h5.195v2.755h-5.195v5.994h-3.252v-14.137%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23700000%22%20stroke-width%3D%221.62%22%20d%3D%22M254.746%20445.649l46.834-.151v-21.079%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
|
@@ -2046,7 +2051,7 @@ html:lang(ar) .mobile-data-s-drive {
|
|
|
2046
2051
|
cursor: pointer;
|
|
2047
2052
|
background: none;
|
|
2048
2053
|
border: none;
|
|
2049
|
-
|
|
2054
|
+
word-wrap: break-word;
|
|
2050
2055
|
}
|
|
2051
2056
|
.zen-link:hover,
|
|
2052
2057
|
.zen-link:focus,
|
|
@@ -2092,7 +2097,7 @@ html:lang(ar) .mobile-data-s-drive {
|
|
|
2092
2097
|
overflow: hidden;
|
|
2093
2098
|
text-overflow: ellipsis;
|
|
2094
2099
|
white-space: nowrap;
|
|
2095
|
-
|
|
2100
|
+
word-wrap: normal;
|
|
2096
2101
|
}
|
|
2097
2102
|
.zen-select-button {
|
|
2098
2103
|
display: flex;
|
|
@@ -2109,7 +2114,7 @@ html:lang(ar) .mobile-data-s-drive {
|
|
|
2109
2114
|
overflow: hidden;
|
|
2110
2115
|
text-overflow: ellipsis;
|
|
2111
2116
|
white-space: nowrap;
|
|
2112
|
-
|
|
2117
|
+
word-wrap: normal;
|
|
2113
2118
|
}
|
|
2114
2119
|
.zen-select-button:hover,
|
|
2115
2120
|
.zen-select-button:focus {
|
|
@@ -2133,13 +2138,16 @@ html:lang(ar) .mobile-data-s-drive {
|
|
|
2133
2138
|
grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
|
|
2134
2139
|
grid-template-rows: auto auto;
|
|
2135
2140
|
gap: 0.25rem 0.5rem;
|
|
2136
|
-
|
|
2141
|
+
align-items: center;
|
|
2142
|
+
justify-items: start;
|
|
2137
2143
|
}
|
|
2138
2144
|
.zen-range-field-wrapper-row {
|
|
2139
2145
|
display: grid;
|
|
2140
|
-
|
|
2146
|
+
align-items: center;
|
|
2147
|
+
justify-items: start;
|
|
2141
2148
|
grid-template-columns: minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem) minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem);
|
|
2142
|
-
gap: 0.25rem
|
|
2149
|
+
row-gap: 0.25rem;
|
|
2150
|
+
column-gap: 0.5rem;
|
|
2143
2151
|
}
|
|
2144
2152
|
:root {
|
|
2145
2153
|
--border-width-default: 1px;
|
|
@@ -2149,6 +2157,7 @@ html:lang(ar) .mobile-data-s-drive {
|
|
|
2149
2157
|
--mobile: 640px;
|
|
2150
2158
|
}
|
|
2151
2159
|
.zen-visually-hidden {
|
|
2160
|
+
clip: rect(0 0 0 0);
|
|
2152
2161
|
clip-path: inset(50%);
|
|
2153
2162
|
height: 1px;
|
|
2154
2163
|
overflow: hidden;
|
|
@@ -2675,7 +2684,7 @@ html:lang(ar) .zen-button--mobile {
|
|
|
2675
2684
|
box-sizing: border-box;
|
|
2676
2685
|
position: absolute;
|
|
2677
2686
|
z-index: 11000;
|
|
2678
|
-
overflow-
|
|
2687
|
+
overflow-y: auto;
|
|
2679
2688
|
outline: none;
|
|
2680
2689
|
}
|
|
2681
2690
|
.zen-absolute * {
|
|
@@ -2683,8 +2692,8 @@ html:lang(ar) .zen-button--mobile {
|
|
|
2683
2692
|
}
|
|
2684
2693
|
.zen-calculate-position {
|
|
2685
2694
|
position: absolute;
|
|
2686
|
-
|
|
2687
|
-
|
|
2695
|
+
left: 0;
|
|
2696
|
+
top: 0;
|
|
2688
2697
|
opacity: 0.01;
|
|
2689
2698
|
max-height: 1px;
|
|
2690
2699
|
}
|
|
@@ -2770,7 +2779,7 @@ html:lang(ar) .zen-accordion {
|
|
|
2770
2779
|
background-color: var(--backgrounds-content-1);
|
|
2771
2780
|
font-size: 14px;
|
|
2772
2781
|
line-height: 16px;
|
|
2773
|
-
border:
|
|
2782
|
+
border: 0px;
|
|
2774
2783
|
font-style: normal;
|
|
2775
2784
|
font-weight: 400;
|
|
2776
2785
|
letter-spacing: 0.02rem;
|
|
@@ -2785,7 +2794,7 @@ html:lang(ar) .zen-accordion {
|
|
|
2785
2794
|
}
|
|
2786
2795
|
.zen-accordion__header-button .zen-accordion__header-arrow {
|
|
2787
2796
|
fill: var(--action-secondary--default);
|
|
2788
|
-
margin-
|
|
2797
|
+
margin-left: auto;
|
|
2789
2798
|
}
|
|
2790
2799
|
.zen-accordion__header-button .zen-accordion__header-arrow--rotated {
|
|
2791
2800
|
transform: rotate(180deg);
|
|
@@ -2816,7 +2825,7 @@ html:lang(ar) .zen-accordion {
|
|
|
2816
2825
|
}
|
|
2817
2826
|
.zen-accordion--legacy .zen-accordion__header-button {
|
|
2818
2827
|
background-color: var(--backgrounds-main);
|
|
2819
|
-
border-radius:
|
|
2828
|
+
border-radius: 0px;
|
|
2820
2829
|
color: var(--text-primary);
|
|
2821
2830
|
fill: var(--action-secondary--default);
|
|
2822
2831
|
}
|
|
@@ -2900,7 +2909,6 @@ html:lang(ar) .zen-accordion {
|
|
|
2900
2909
|
}
|
|
2901
2910
|
.zen-banner__block--multiline {
|
|
2902
2911
|
height: unset;
|
|
2903
|
-
flex-wrap: wrap;
|
|
2904
2912
|
}
|
|
2905
2913
|
.zen-banner__block--XXL {
|
|
2906
2914
|
max-width: 100%;
|
|
@@ -2925,6 +2933,9 @@ html:lang(ar) .zen-accordion {
|
|
|
2925
2933
|
max-width: 22.5rem;
|
|
2926
2934
|
min-width: 16.75rem;
|
|
2927
2935
|
}
|
|
2936
|
+
.zen-banner__block--multiline {
|
|
2937
|
+
flex-wrap: wrap;
|
|
2938
|
+
}
|
|
2928
2939
|
.zen-banner__multiline-container {
|
|
2929
2940
|
display: flex;
|
|
2930
2941
|
align-items: center;
|
|
@@ -2994,7 +3005,7 @@ html:lang(ar) .zen-banner__header {
|
|
|
2994
3005
|
overflow: hidden;
|
|
2995
3006
|
text-overflow: ellipsis;
|
|
2996
3007
|
white-space: nowrap;
|
|
2997
|
-
|
|
3008
|
+
word-wrap: normal;
|
|
2998
3009
|
text-align: start;
|
|
2999
3010
|
margin-inline-end: auto;
|
|
3000
3011
|
max-width: 64.6875rem;
|
|
@@ -3010,7 +3021,7 @@ html:lang(ar) .zen-banner__message {
|
|
|
3010
3021
|
.zen-banner__message--drive,
|
|
3011
3022
|
.zen-banner__message--drive-tablet {
|
|
3012
3023
|
max-width: 28.25rem;
|
|
3013
|
-
padding-
|
|
3024
|
+
padding-top: 0.25rem;
|
|
3014
3025
|
}
|
|
3015
3026
|
.zen-banner__message--drive {
|
|
3016
3027
|
font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -3034,6 +3045,7 @@ html:lang(ar) .zen-banner__message {
|
|
|
3034
3045
|
}
|
|
3035
3046
|
.zen-banner__message--mobile {
|
|
3036
3047
|
max-width: unset;
|
|
3048
|
+
overflow: unset;
|
|
3037
3049
|
text-overflow: unset;
|
|
3038
3050
|
white-space: unset;
|
|
3039
3051
|
display: -webkit-box;
|
|
@@ -3214,7 +3226,7 @@ html:lang(ar) .zen-banner .zen-banner__summary-error-link {
|
|
|
3214
3226
|
line-height: 1rem;
|
|
3215
3227
|
text-transform: none;
|
|
3216
3228
|
text-decoration: none;
|
|
3217
|
-
box-shadow:
|
|
3229
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
|
3218
3230
|
display: flex;
|
|
3219
3231
|
position: absolute;
|
|
3220
3232
|
background-color: var(--backgrounds-content-1);
|
|
@@ -3324,33 +3336,41 @@ html:lang(ar) .zen-tooltip__title {
|
|
|
3324
3336
|
position: absolute;
|
|
3325
3337
|
border-style: solid;
|
|
3326
3338
|
filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
|
|
3327
|
-
border-width: 6px;
|
|
3328
|
-
border-color: transparent;
|
|
3329
|
-
/* stylelint-disable */
|
|
3330
|
-
/* stylelint-enable */
|
|
3331
3339
|
}
|
|
3332
3340
|
.zen-tooltip__arrow--top {
|
|
3333
|
-
|
|
3334
|
-
|
|
3335
|
-
border-
|
|
3341
|
+
inset-block-start: 100%;
|
|
3342
|
+
inset-inline-start: 50%;
|
|
3343
|
+
border-color: var(--backgrounds-content-1) transparent transparent transparent;
|
|
3344
|
+
border-width: 6px 5px 0 5px;
|
|
3336
3345
|
filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.2));
|
|
3337
3346
|
}
|
|
3338
3347
|
.zen-tooltip__arrow--bottom {
|
|
3339
3348
|
bottom: 100%;
|
|
3340
|
-
|
|
3341
|
-
border-
|
|
3349
|
+
inset-inline-start: 0.875rem;
|
|
3350
|
+
border-color: transparent transparent var(--backgrounds-content-1) transparent;
|
|
3351
|
+
border-width: 0 5px 6px 5px;
|
|
3342
3352
|
filter: drop-shadow(0 -4px 4px rgba(0, 0, 0, 0.2));
|
|
3343
3353
|
}
|
|
3344
3354
|
.zen-tooltip__arrow--right {
|
|
3345
|
-
|
|
3346
|
-
border-
|
|
3355
|
+
inset-inline-end: 100%;
|
|
3356
|
+
border-color: transparent var(--backgrounds-content-1) transparent transparent;
|
|
3357
|
+
border-width: 5px 6px 5px 0;
|
|
3347
3358
|
filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, 0.2));
|
|
3348
3359
|
}
|
|
3360
|
+
[dir="rtl"] .zen-tooltip__arrow--right {
|
|
3361
|
+
border-color: transparent transparent transparent var(--backgrounds-content-1);
|
|
3362
|
+
filter: drop-shadow(4px 0 4px rgba(0, 0, 0, 0.2));
|
|
3363
|
+
}
|
|
3349
3364
|
.zen-tooltip__arrow--left {
|
|
3350
|
-
|
|
3351
|
-
border-
|
|
3365
|
+
inset-inline-start: 100%;
|
|
3366
|
+
border-color: transparent transparent transparent var(--backgrounds-content-1);
|
|
3367
|
+
border-width: 5px 0 6px 5px;
|
|
3352
3368
|
filter: drop-shadow(4px 0 4px rgba(0, 0, 0, 0.2));
|
|
3353
3369
|
}
|
|
3370
|
+
[dir="rtl"] .zen-tooltip__arrow--left {
|
|
3371
|
+
border-color: transparent var(--backgrounds-content-1) transparent transparent;
|
|
3372
|
+
filter: drop-shadow(-4px 0 4px rgba(0, 0, 0, 0.2));
|
|
3373
|
+
}
|
|
3354
3374
|
.zen-tooltip__trigger {
|
|
3355
3375
|
color: var(--text-secondary);
|
|
3356
3376
|
fill: var(--text-secondary);
|
|
@@ -3370,8 +3390,10 @@ html:lang(ar) .zen-tooltip__title {
|
|
|
3370
3390
|
.zen-shield {
|
|
3371
3391
|
box-sizing: border-box;
|
|
3372
3392
|
position: fixed;
|
|
3373
|
-
|
|
3374
|
-
|
|
3393
|
+
top: 0;
|
|
3394
|
+
bottom: 0;
|
|
3395
|
+
left: 0;
|
|
3396
|
+
right: 0;
|
|
3375
3397
|
z-index: 10006;
|
|
3376
3398
|
background-color: #000;
|
|
3377
3399
|
opacity: 0.1;
|
|
@@ -3415,7 +3437,7 @@ html:lang(ar) .zen-tooltip__title {
|
|
|
3415
3437
|
justify-content: center;
|
|
3416
3438
|
}
|
|
3417
3439
|
.zen-text-icon-button .zen-caption__content {
|
|
3418
|
-
margin-
|
|
3440
|
+
margin-right: 0;
|
|
3419
3441
|
}
|
|
3420
3442
|
.zen-field-label {
|
|
3421
3443
|
display: flex;
|
|
@@ -3465,7 +3487,6 @@ html:lang(ar) .zen-field-label__text {
|
|
|
3465
3487
|
}
|
|
3466
3488
|
.zen-card-container--absolute {
|
|
3467
3489
|
flex-shrink: 0;
|
|
3468
|
-
min-width: unset;
|
|
3469
3490
|
}
|
|
3470
3491
|
.zen-card-container--extra-extra-large {
|
|
3471
3492
|
min-height: 26.125rem;
|
|
@@ -3522,7 +3543,7 @@ html:lang(ar) .zen-field-label__text {
|
|
|
3522
3543
|
min-width: 0;
|
|
3523
3544
|
max-width: unset;
|
|
3524
3545
|
}
|
|
3525
|
-
@media (width
|
|
3546
|
+
@media (max-width: 640px) {
|
|
3526
3547
|
.zen-card-container {
|
|
3527
3548
|
max-width: unset;
|
|
3528
3549
|
}
|
|
@@ -3813,8 +3834,8 @@ html:lang(ar) .zen-card__secondary {
|
|
|
3813
3834
|
overflow: hidden;
|
|
3814
3835
|
}
|
|
3815
3836
|
.zen-card__content--overflow-scroll {
|
|
3816
|
-
overflow-
|
|
3817
|
-
overflow-
|
|
3837
|
+
overflow-x: hidden;
|
|
3838
|
+
overflow-y: auto;
|
|
3818
3839
|
}
|
|
3819
3840
|
.zen-card__header-right {
|
|
3820
3841
|
margin-inline-start: auto;
|
|
@@ -3980,7 +4001,8 @@ html:lang(ar) .zen-menu-button__action {
|
|
|
3980
4001
|
overflow: hidden;
|
|
3981
4002
|
text-overflow: ellipsis;
|
|
3982
4003
|
white-space: nowrap;
|
|
3983
|
-
margin-inline: 0
|
|
4004
|
+
margin-inline-start: 0;
|
|
4005
|
+
margin-inline-end: auto;
|
|
3984
4006
|
}
|
|
3985
4007
|
.zen-menu-button__action--drive,
|
|
3986
4008
|
.zen-menu-button__action--drive-tablet {
|
|
@@ -4035,13 +4057,13 @@ html:lang(ar) .zen-menu-button__action {
|
|
|
4035
4057
|
line-height: 1rem;
|
|
4036
4058
|
text-transform: none;
|
|
4037
4059
|
text-decoration: none;
|
|
4038
|
-
box-shadow:
|
|
4060
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
|
4039
4061
|
border-radius: var(--border-radius-default);
|
|
4040
4062
|
box-sizing: border-box;
|
|
4041
4063
|
background-color: var(--backgrounds-main);
|
|
4042
4064
|
padding: 0.25rem 0;
|
|
4043
|
-
max-height:
|
|
4044
|
-
border:
|
|
4065
|
+
max-height: 90vh;
|
|
4066
|
+
border: 0px;
|
|
4045
4067
|
min-height: 1.875rem;
|
|
4046
4068
|
min-width: 10.625rem;
|
|
4047
4069
|
max-width: 26.25rem;
|
|
@@ -4064,17 +4086,18 @@ html:lang(ar) .zen-popup {
|
|
|
4064
4086
|
}
|
|
4065
4087
|
.zen-popup--block {
|
|
4066
4088
|
padding: 0.25rem 0;
|
|
4067
|
-
box-shadow:
|
|
4089
|
+
box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
|
|
4068
4090
|
border-radius: var(--border-radius-default);
|
|
4069
4091
|
}
|
|
4070
|
-
@media (width
|
|
4092
|
+
@media (max-width: 640px) {
|
|
4071
4093
|
.zen-popup {
|
|
4072
4094
|
max-width: 100%;
|
|
4073
4095
|
}
|
|
4074
4096
|
}
|
|
4075
4097
|
.zen-menu-separator {
|
|
4076
|
-
list-style-type: none;
|
|
4077
4098
|
border-block-start: 1px solid var(--borders-general);
|
|
4099
|
+
list-style-type: none;
|
|
4100
|
+
border-top: 1px solid var(--borders-general);
|
|
4078
4101
|
height: 0;
|
|
4079
4102
|
}
|
|
4080
4103
|
.zen-side-panel {
|
|
@@ -4128,7 +4151,8 @@ html:lang(ar) .zen-side-panel {
|
|
|
4128
4151
|
display: flex;
|
|
4129
4152
|
}
|
|
4130
4153
|
.zen-side-panel--left-positioned {
|
|
4131
|
-
inset-inline: 0
|
|
4154
|
+
inset-inline-start: 0;
|
|
4155
|
+
inset-inline-end: auto;
|
|
4132
4156
|
transform: translateX(-100%);
|
|
4133
4157
|
border-start-start-radius: 0;
|
|
4134
4158
|
border-end-start-radius: 0;
|
|
@@ -4168,12 +4192,13 @@ html:lang(ar) .zen-side-panel {
|
|
|
4168
4192
|
border-start-end-radius: var(--border-radius-default);
|
|
4169
4193
|
border-end-end-radius: 0;
|
|
4170
4194
|
transform: translateY(100%);
|
|
4171
|
-
inset-block: auto
|
|
4195
|
+
inset-block-start: auto;
|
|
4196
|
+
inset-block-end: 0;
|
|
4172
4197
|
}
|
|
4173
4198
|
.zen-side-panel.zen-side-panel--bottom-positioned.zen-side-panel--shown {
|
|
4174
4199
|
transform: translateY(0);
|
|
4175
4200
|
}
|
|
4176
|
-
@media (width
|
|
4201
|
+
@media (max-width: 640px) {
|
|
4177
4202
|
.zen-side-panel {
|
|
4178
4203
|
width: 100%;
|
|
4179
4204
|
min-width: 100%;
|
|
@@ -4210,18 +4235,21 @@ html:lang(ar) .zen-side-panel {
|
|
|
4210
4235
|
text-transform: none;
|
|
4211
4236
|
text-decoration: none;
|
|
4212
4237
|
color: var(--text-primary);
|
|
4213
|
-
margin-block: 0
|
|
4238
|
+
margin-block-start: 0;
|
|
4214
4239
|
margin-inline: 0;
|
|
4240
|
+
margin-block-end: 1rem;
|
|
4215
4241
|
}
|
|
4216
4242
|
html:lang(ar) .zen-side-panel-cell__title {
|
|
4217
4243
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
4218
4244
|
}
|
|
4219
4245
|
.zen-side-panel-cell__footer {
|
|
4220
|
-
margin-block: 1rem
|
|
4246
|
+
margin-block-start: 1rem;
|
|
4221
4247
|
margin-inline: 0;
|
|
4248
|
+
margin-block-end: 0;
|
|
4222
4249
|
}
|
|
4223
4250
|
.zen-side-panel-cell--no-padding {
|
|
4224
|
-
padding-inline: 0;
|
|
4251
|
+
padding-inline-start: 0;
|
|
4252
|
+
padding-inline-end: 0;
|
|
4225
4253
|
}
|
|
4226
4254
|
.zen-side-panel-cell--no-padding .zen-side-panel-cell__title {
|
|
4227
4255
|
padding-inline-start: 1rem;
|
|
@@ -4349,7 +4377,7 @@ html:lang(ar) .zen-toast__header {
|
|
|
4349
4377
|
overflow: hidden;
|
|
4350
4378
|
text-overflow: ellipsis;
|
|
4351
4379
|
white-space: nowrap;
|
|
4352
|
-
|
|
4380
|
+
word-wrap: normal;
|
|
4353
4381
|
justify-self: end;
|
|
4354
4382
|
}
|
|
4355
4383
|
.zen-toast__progress {
|
|
@@ -4357,7 +4385,7 @@ html:lang(ar) .zen-toast__header {
|
|
|
4357
4385
|
transition: width 0.3s linear;
|
|
4358
4386
|
}
|
|
4359
4387
|
.zen-toast__progress--active {
|
|
4360
|
-
border-radius: 4px 0 0;
|
|
4388
|
+
border-radius: 4px 0 0 0;
|
|
4361
4389
|
}
|
|
4362
4390
|
.zen-toast__progress--info {
|
|
4363
4391
|
background-color: var(--accents-general--detail);
|
|
@@ -4375,7 +4403,7 @@ html:lang(ar) .zen-toast__header {
|
|
|
4375
4403
|
line-height: 1.75rem;
|
|
4376
4404
|
text-transform: none;
|
|
4377
4405
|
text-decoration: none;
|
|
4378
|
-
box-shadow:
|
|
4406
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
|
4379
4407
|
position: relative;
|
|
4380
4408
|
display: flex;
|
|
4381
4409
|
flex-direction: row;
|
|
@@ -4400,7 +4428,7 @@ html:lang(ar) .zen-alert {
|
|
|
4400
4428
|
.zen-alert::before {
|
|
4401
4429
|
content: "";
|
|
4402
4430
|
position: absolute;
|
|
4403
|
-
|
|
4431
|
+
top: 0;
|
|
4404
4432
|
inset-inline-start: -0.25rem;
|
|
4405
4433
|
width: 0.5rem;
|
|
4406
4434
|
height: 100%;
|
|
@@ -4445,7 +4473,7 @@ html:lang(ar) .zen-alert__body {
|
|
|
4445
4473
|
overflow: hidden;
|
|
4446
4474
|
text-overflow: ellipsis;
|
|
4447
4475
|
white-space: nowrap;
|
|
4448
|
-
|
|
4476
|
+
word-wrap: normal;
|
|
4449
4477
|
}
|
|
4450
4478
|
.zen-alert__text {
|
|
4451
4479
|
display: -webkit-box;
|
|
@@ -4463,7 +4491,7 @@ html:lang(ar) .zen-alert__body {
|
|
|
4463
4491
|
-webkit-box-orient: vertical;
|
|
4464
4492
|
overflow: hidden;
|
|
4465
4493
|
text-overflow: ellipsis;
|
|
4466
|
-
padding-
|
|
4494
|
+
padding-top: 0.125rem;
|
|
4467
4495
|
color: var(--text-primary);
|
|
4468
4496
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
4469
4497
|
font-size: 0.875rem;
|
|
@@ -4589,7 +4617,7 @@ html:lang(ar) .zen-alert__title {
|
|
|
4589
4617
|
text-decoration: none;
|
|
4590
4618
|
}
|
|
4591
4619
|
.zen-alert--drive .zen-alert__icon {
|
|
4592
|
-
padding-
|
|
4620
|
+
padding-top: 0.125rem;
|
|
4593
4621
|
}
|
|
4594
4622
|
.zen-alert--mobile {
|
|
4595
4623
|
max-width: 100%;
|
|
@@ -4640,7 +4668,8 @@ html:lang(ar) .zen-alert__title {
|
|
|
4640
4668
|
text-decoration: none;
|
|
4641
4669
|
color: var(--text-secondary);
|
|
4642
4670
|
padding-block: 0.75rem;
|
|
4643
|
-
padding-inline: 0.75rem
|
|
4671
|
+
padding-inline-start: 0.75rem;
|
|
4672
|
+
padding-inline-end: 0.5rem;
|
|
4644
4673
|
display: flex;
|
|
4645
4674
|
justify-content: space-between;
|
|
4646
4675
|
align-items: center;
|
|
@@ -4691,10 +4720,10 @@ html:lang(ar) .zen-mobile-sheet__title {
|
|
|
4691
4720
|
}
|
|
4692
4721
|
.zen-mobile-sheet__content {
|
|
4693
4722
|
flex: 1 1 auto;
|
|
4694
|
-
overflow-
|
|
4723
|
+
overflow-y: auto;
|
|
4695
4724
|
}
|
|
4696
4725
|
.zen-mobile-sheet--mobile-android {
|
|
4697
|
-
overflow-
|
|
4726
|
+
overflow-y: hidden;
|
|
4698
4727
|
position: fixed;
|
|
4699
4728
|
}
|
|
4700
4729
|
.zen-mobile-sheet__footer {
|
|
@@ -4706,7 +4735,7 @@ html:lang(ar) .zen-mobile-sheet__title {
|
|
|
4706
4735
|
min-width: 32.5rem;
|
|
4707
4736
|
inset-inline-start: calc(50% - (260 / 16rem));
|
|
4708
4737
|
}
|
|
4709
|
-
@media (width
|
|
4738
|
+
@media (max-width: 520px) {
|
|
4710
4739
|
.zen-mobile-sheet-wrapper--drive.zen-mobile-sheet-wrapper--drive,
|
|
4711
4740
|
.zen-mobile-sheet-wrapper--drive-tablet.zen-mobile-sheet-wrapper--drive-tablet {
|
|
4712
4741
|
max-width: 100%;
|
|
@@ -4751,10 +4780,12 @@ html:lang(ar) .zen-mobile-sheet__title {
|
|
|
4751
4780
|
z-index: 11007;
|
|
4752
4781
|
}
|
|
4753
4782
|
.zen-card-button--drive-tablet {
|
|
4754
|
-
padding-block: 0.75rem;
|
|
4783
|
+
padding-block-start: 0.75rem;
|
|
4784
|
+
padding-block-end: 0.75rem;
|
|
4755
4785
|
}
|
|
4756
4786
|
.zen-card-button--drive {
|
|
4757
|
-
padding-block: 0.6875rem;
|
|
4787
|
+
padding-block-start: 0.6875rem;
|
|
4788
|
+
padding-block-end: 0.6875rem;
|
|
4758
4789
|
}
|
|
4759
4790
|
.zen-favorite-button {
|
|
4760
4791
|
display: flex;
|
|
@@ -4838,12 +4869,13 @@ html:lang(ar) .zen-data-feed {
|
|
|
4838
4869
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
4839
4870
|
}
|
|
4840
4871
|
.zen-data-feed__item-container {
|
|
4841
|
-
box-shadow:
|
|
4872
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
|
|
4842
4873
|
display: flex;
|
|
4843
4874
|
}
|
|
4844
4875
|
.zen-data-feed__action-container {
|
|
4845
4876
|
padding-block-start: 0.5rem;
|
|
4846
|
-
padding-inline: 0.
|
|
4877
|
+
padding-inline-end: 0.5rem;
|
|
4878
|
+
padding-inline-start: 0.25rem;
|
|
4847
4879
|
}
|
|
4848
4880
|
.zen-data-feed__content {
|
|
4849
4881
|
flex: 1 1 auto;
|
|
@@ -4862,7 +4894,7 @@ html:lang(ar) .zen-data-feed {
|
|
|
4862
4894
|
padding-block: 0.5625rem;
|
|
4863
4895
|
}
|
|
4864
4896
|
.zen-data-feed--scrollable {
|
|
4865
|
-
overflow-
|
|
4897
|
+
overflow-y: auto;
|
|
4866
4898
|
}
|
|
4867
4899
|
.zen-data-feed--empty .zen-data-feed__feed {
|
|
4868
4900
|
display: none;
|
|
@@ -4880,6 +4912,7 @@ html:lang(ar) .zen-data-feed {
|
|
|
4880
4912
|
.zen-data-grid-not-interactive-mixin {
|
|
4881
4913
|
pointer-events: none;
|
|
4882
4914
|
user-select: none;
|
|
4915
|
+
-webkit-user-select: none;
|
|
4883
4916
|
-webkit-user-drag: none;
|
|
4884
4917
|
}
|
|
4885
4918
|
.zen-data-grid-loading-mixin {
|
|
@@ -5029,6 +5062,7 @@ html:lang(ar) .zen-data-grid__row-cell {
|
|
|
5029
5062
|
.zen-data-grid__row-cell--loading {
|
|
5030
5063
|
pointer-events: none;
|
|
5031
5064
|
user-select: none;
|
|
5065
|
+
-webkit-user-select: none;
|
|
5032
5066
|
-webkit-user-drag: none;
|
|
5033
5067
|
filter: blur(7px);
|
|
5034
5068
|
animation: load-column 1s linear infinite alternate;
|
|
@@ -5051,20 +5085,22 @@ html:lang(ar) .zen-data-grid__row-cell {
|
|
|
5051
5085
|
}
|
|
5052
5086
|
.zen-data-grid--horizontal-scroll .zen-data-grid__header-cell--first {
|
|
5053
5087
|
border-inline-end: 1px solid var(--borders-general);
|
|
5054
|
-
box-shadow: 1px
|
|
5088
|
+
box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
|
|
5055
5089
|
}
|
|
5056
5090
|
.zen-data-grid--horizontal-scroll .zen-data-grid__row-cell--first {
|
|
5057
5091
|
border-inline-end: 1px solid var(--borders-general);
|
|
5058
|
-
box-shadow: 1px
|
|
5092
|
+
box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
|
|
5059
5093
|
}
|
|
5060
5094
|
.zen-data-grid--not-interactive .zen-data-grid__table {
|
|
5061
5095
|
pointer-events: none;
|
|
5062
5096
|
user-select: none;
|
|
5097
|
+
-webkit-user-select: none;
|
|
5063
5098
|
-webkit-user-drag: none;
|
|
5064
5099
|
}
|
|
5065
5100
|
.zen-data-grid--loading .zen-data-grid__table {
|
|
5066
5101
|
pointer-events: none;
|
|
5067
5102
|
user-select: none;
|
|
5103
|
+
-webkit-user-select: none;
|
|
5068
5104
|
-webkit-user-drag: none;
|
|
5069
5105
|
}
|
|
5070
5106
|
.zen-data-grid--loading .zen-data-grid__row-cell {
|
|
@@ -5078,7 +5114,7 @@ html:lang(ar) .zen-data-grid__row-cell {
|
|
|
5078
5114
|
overflow: hidden;
|
|
5079
5115
|
text-overflow: ellipsis;
|
|
5080
5116
|
white-space: nowrap;
|
|
5081
|
-
|
|
5117
|
+
word-wrap: normal;
|
|
5082
5118
|
}
|
|
5083
5119
|
.zen-data-grid-header--multiline {
|
|
5084
5120
|
white-space: normal;
|
|
@@ -5088,7 +5124,7 @@ html:lang(ar) .zen-data-grid__row-cell {
|
|
|
5088
5124
|
-webkit-box-orient: vertical;
|
|
5089
5125
|
overflow: hidden;
|
|
5090
5126
|
text-overflow: ellipsis;
|
|
5091
|
-
|
|
5127
|
+
word-break: break-word;
|
|
5092
5128
|
}
|
|
5093
5129
|
.zen-actions-column {
|
|
5094
5130
|
display: flex;
|
|
@@ -5208,6 +5244,7 @@ html:lang(ar) .zen-feed-item__identifier {
|
|
|
5208
5244
|
align-items: baseline;
|
|
5209
5245
|
gap: 0.25rem;
|
|
5210
5246
|
overflow-wrap: break-word;
|
|
5247
|
+
word-wrap: break-word;
|
|
5211
5248
|
width: 100%;
|
|
5212
5249
|
}
|
|
5213
5250
|
.zen-feed-item__label {
|
|
@@ -5500,7 +5537,7 @@ html:lang(ar) .zen-checkbox__label-text {
|
|
|
5500
5537
|
overflow: hidden;
|
|
5501
5538
|
text-overflow: ellipsis;
|
|
5502
5539
|
white-space: nowrap;
|
|
5503
|
-
|
|
5540
|
+
word-wrap: normal;
|
|
5504
5541
|
}
|
|
5505
5542
|
.zen-select-list[aria-disabled="true"] {
|
|
5506
5543
|
cursor: not-allowed;
|
|
@@ -5624,7 +5661,7 @@ html:lang(ar) .zen-select-item {
|
|
|
5624
5661
|
overflow: hidden;
|
|
5625
5662
|
text-overflow: ellipsis;
|
|
5626
5663
|
white-space: nowrap;
|
|
5627
|
-
|
|
5664
|
+
word-wrap: normal;
|
|
5628
5665
|
color: var(--text-primary);
|
|
5629
5666
|
max-width: 100%;
|
|
5630
5667
|
}
|
|
@@ -5658,7 +5695,7 @@ html:lang(ar) .zen-link-column__name {
|
|
|
5658
5695
|
overflow: hidden;
|
|
5659
5696
|
text-overflow: ellipsis;
|
|
5660
5697
|
white-space: nowrap;
|
|
5661
|
-
|
|
5698
|
+
word-wrap: normal;
|
|
5662
5699
|
color: var(--text-secondary);
|
|
5663
5700
|
max-width: 100%;
|
|
5664
5701
|
}
|
|
@@ -5909,9 +5946,6 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
|
|
|
5909
5946
|
transform: translateX(-88%);
|
|
5910
5947
|
position: absolute;
|
|
5911
5948
|
}
|
|
5912
|
-
[dir="rtl"] .zen-flexible-column .zen-flexible-column__draggable-icon {
|
|
5913
|
-
transform: translateX(88%);
|
|
5914
|
-
}
|
|
5915
5949
|
.zen-flexible-column__draggable {
|
|
5916
5950
|
width: 0.375rem;
|
|
5917
5951
|
height: 100%;
|
|
@@ -5925,6 +5959,7 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
|
|
|
5925
5959
|
.zen-flexible-column__content {
|
|
5926
5960
|
width: 100%;
|
|
5927
5961
|
text-align: start;
|
|
5962
|
+
-webkit-user-select: none;
|
|
5928
5963
|
user-select: none;
|
|
5929
5964
|
}
|
|
5930
5965
|
.zen-flexible-column:hover .zen-flexible-column__draggable-icon {
|
|
@@ -5948,14 +5983,14 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
|
|
|
5948
5983
|
box-sizing: border-box;
|
|
5949
5984
|
}
|
|
5950
5985
|
.zen-resizer--invisible {
|
|
5951
|
-
opacity: 0
|
|
5986
|
+
opacity: 0%;
|
|
5952
5987
|
}
|
|
5953
5988
|
.zen-resizer--invisible:hover,
|
|
5954
5989
|
.zen-resizer--invisible:focus {
|
|
5955
|
-
opacity:
|
|
5990
|
+
opacity: 100%;
|
|
5956
5991
|
}
|
|
5957
5992
|
.zen-resizer--manual-focus {
|
|
5958
|
-
opacity:
|
|
5993
|
+
opacity: 100%;
|
|
5959
5994
|
background-color: var(--borders-form-field--active);
|
|
5960
5995
|
}
|
|
5961
5996
|
.zen-resizer--vertical {
|
|
@@ -6002,7 +6037,7 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
|
|
|
6002
6037
|
position: absolute;
|
|
6003
6038
|
background-color: var(--backgrounds-main);
|
|
6004
6039
|
z-index: 5001;
|
|
6005
|
-
box-shadow:
|
|
6040
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
|
|
6006
6041
|
border-spacing: 0;
|
|
6007
6042
|
overflow: hidden;
|
|
6008
6043
|
contain: strict;
|
|
@@ -6085,7 +6120,7 @@ html:lang(ar) .zen-columns-list__title {
|
|
|
6085
6120
|
display: flex;
|
|
6086
6121
|
align-items: center;
|
|
6087
6122
|
justify-content: center;
|
|
6088
|
-
padding: 0.5rem;
|
|
6123
|
+
padding: 0.5rem 0.5rem;
|
|
6089
6124
|
cursor: pointer;
|
|
6090
6125
|
border-radius: var(--border-radius-default);
|
|
6091
6126
|
}
|
|
@@ -6106,7 +6141,8 @@ html:lang(ar) .zen-columns-list__title {
|
|
|
6106
6141
|
.zen-empty-state {
|
|
6107
6142
|
box-sizing: border-box;
|
|
6108
6143
|
display: grid;
|
|
6109
|
-
|
|
6144
|
+
justify-content: center;
|
|
6145
|
+
align-content: center;
|
|
6110
6146
|
text-align: center;
|
|
6111
6147
|
gap: 0.625rem;
|
|
6112
6148
|
grid-auto-flow: row;
|
|
@@ -6121,7 +6157,8 @@ html:lang(ar) .zen-columns-list__title {
|
|
|
6121
6157
|
.zen-empty-state__image {
|
|
6122
6158
|
width: 180px;
|
|
6123
6159
|
height: 180px;
|
|
6124
|
-
|
|
6160
|
+
align-self: center;
|
|
6161
|
+
justify-self: center;
|
|
6125
6162
|
justify-content: center;
|
|
6126
6163
|
display: flex;
|
|
6127
6164
|
align-items: center;
|
|
@@ -6206,7 +6243,7 @@ html:lang(ar) .zen-empty-state__description {
|
|
|
6206
6243
|
display: flex;
|
|
6207
6244
|
gap: 0.75rem;
|
|
6208
6245
|
}
|
|
6209
|
-
@media (width
|
|
6246
|
+
@media (min-width: 641px) {
|
|
6210
6247
|
.zen-data-grid-actions__post-actions {
|
|
6211
6248
|
margin-inline-end: 1rem;
|
|
6212
6249
|
}
|
|
@@ -6276,7 +6313,7 @@ html:lang(ar) .zen-empty-state__description {
|
|
|
6276
6313
|
overflow: hidden;
|
|
6277
6314
|
text-overflow: ellipsis;
|
|
6278
6315
|
white-space: nowrap;
|
|
6279
|
-
|
|
6316
|
+
word-wrap: normal;
|
|
6280
6317
|
}
|
|
6281
6318
|
html:lang(ar) .zen-bulk-actions__number-of-selected {
|
|
6282
6319
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -6333,7 +6370,8 @@ html:lang(ar) .zen-bulk-actions__number-of-selected {
|
|
|
6333
6370
|
border-block-start: 1px solid var(--borders-general);
|
|
6334
6371
|
background: var(--backgrounds-main);
|
|
6335
6372
|
padding: 0.75rem 1rem;
|
|
6336
|
-
inset-inline: 0;
|
|
6373
|
+
inset-inline-end: 0;
|
|
6374
|
+
inset-inline-start: 0;
|
|
6337
6375
|
inset-block-end: 0;
|
|
6338
6376
|
}
|
|
6339
6377
|
.zen-bulk-actions--screen-panel .zen-bulk-actions__button-close {
|
|
@@ -6403,7 +6441,8 @@ html:lang(ar) .zen-pagination__text {
|
|
|
6403
6441
|
}
|
|
6404
6442
|
.zen-table__detail-panel--header-content {
|
|
6405
6443
|
justify-content: space-between;
|
|
6406
|
-
|
|
6444
|
+
justify-items: center;
|
|
6445
|
+
align-items: center;
|
|
6407
6446
|
}
|
|
6408
6447
|
.zen-table__detail-panel--header-description {
|
|
6409
6448
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -6517,21 +6556,24 @@ html:lang(ar) .zen-table__detail-panel--header-details {
|
|
|
6517
6556
|
max-width: 100%;
|
|
6518
6557
|
min-width: 0;
|
|
6519
6558
|
transform: translateX(100%);
|
|
6520
|
-
overflow-
|
|
6559
|
+
overflow-y: hidden;
|
|
6521
6560
|
will-change: opacity, transform;
|
|
6522
6561
|
transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
|
|
6523
6562
|
}
|
|
6524
6563
|
.zen-table__detail-panel--shown {
|
|
6525
6564
|
opacity: 1;
|
|
6526
6565
|
transform: translateX(0);
|
|
6527
|
-
overflow-
|
|
6566
|
+
overflow-y: auto;
|
|
6528
6567
|
}
|
|
6529
6568
|
}
|
|
6530
6569
|
.zen-table__detail-panel-content {
|
|
6531
|
-
overflow-
|
|
6570
|
+
overflow-y: auto;
|
|
6532
6571
|
flex: 1;
|
|
6533
6572
|
padding: 0.75rem;
|
|
6534
6573
|
}
|
|
6574
|
+
.zen-table__detail-panel-footer {
|
|
6575
|
+
padding: 0.75rem;
|
|
6576
|
+
}
|
|
6535
6577
|
.zen-table__detail-panel .zen-page-header__page-name {
|
|
6536
6578
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
6537
6579
|
font-size: 1rem;
|
|
@@ -6546,7 +6588,6 @@ html:lang(ar) .zen-table__detail-panel .zen-page-header__page-name {
|
|
|
6546
6588
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
6547
6589
|
}
|
|
6548
6590
|
.zen-table__detail-panel-footer {
|
|
6549
|
-
padding: 0.75rem;
|
|
6550
6591
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
6551
6592
|
font-size: 0.875rem;
|
|
6552
6593
|
font-style: normal;
|
|
@@ -6595,7 +6636,7 @@ html:lang(ar) .zen-table__detail-panel-footer {
|
|
|
6595
6636
|
cursor: pointer;
|
|
6596
6637
|
background: 0 0;
|
|
6597
6638
|
border: 0;
|
|
6598
|
-
|
|
6639
|
+
word-wrap: break-word;
|
|
6599
6640
|
}
|
|
6600
6641
|
html:lang(ar) .zen-table-link {
|
|
6601
6642
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -6643,19 +6684,6 @@ html:lang(ar) .zen-table-number {
|
|
|
6643
6684
|
min-width: 0;
|
|
6644
6685
|
transition: flex 0.35s cubic-bezier(0.4, 0, 0.2, 1);
|
|
6645
6686
|
}
|
|
6646
|
-
.zen-table-wrapper--fit-content .zen-table__content {
|
|
6647
|
-
height: auto;
|
|
6648
|
-
}
|
|
6649
|
-
.zen-table-wrapper--fit-content .zen-table__table {
|
|
6650
|
-
height: auto;
|
|
6651
|
-
}
|
|
6652
|
-
.zen-table-wrapper--fit-content .zen-data-grid-wrapper {
|
|
6653
|
-
contain: layout style;
|
|
6654
|
-
height: auto;
|
|
6655
|
-
}
|
|
6656
|
-
.zen-table-wrapper--fit-content .zen-data-grid {
|
|
6657
|
-
flex-shrink: 0;
|
|
6658
|
-
}
|
|
6659
6687
|
.pie-chart-1 {
|
|
6660
6688
|
width: 100%;
|
|
6661
6689
|
height: 12.5rem;
|
|
@@ -6774,7 +6802,7 @@ html:lang(ar) .zen-summary-tile {
|
|
|
6774
6802
|
.zen-summary-tile__content {
|
|
6775
6803
|
max-height: 2rem;
|
|
6776
6804
|
min-height: 2rem;
|
|
6777
|
-
overflow-
|
|
6805
|
+
overflow-y: hidden;
|
|
6778
6806
|
width: 100%;
|
|
6779
6807
|
}
|
|
6780
6808
|
.zen-summary-tile__title-text {
|
|
@@ -6793,6 +6821,7 @@ html:lang(ar) .zen-summary-tile {
|
|
|
6793
6821
|
max-width: 17rem;
|
|
6794
6822
|
}
|
|
6795
6823
|
.zen-summary-tile--default {
|
|
6824
|
+
background-color: var(--backgrounds-content-1);
|
|
6796
6825
|
fill: var(--text-primary);
|
|
6797
6826
|
border: var(--border-width-default) solid var(--text-button-disabled);
|
|
6798
6827
|
background: var(--backgrounds-main);
|
|
@@ -6801,7 +6830,7 @@ html:lang(ar) .zen-summary-tile {
|
|
|
6801
6830
|
fill: var(--text-secondary);
|
|
6802
6831
|
}
|
|
6803
6832
|
.zen-summary-tile--default:hover {
|
|
6804
|
-
box-shadow:
|
|
6833
|
+
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.17);
|
|
6805
6834
|
}
|
|
6806
6835
|
.zen-summary-tile--error {
|
|
6807
6836
|
background-color: var(--accents-error--main);
|
|
@@ -6809,7 +6838,7 @@ html:lang(ar) .zen-summary-tile {
|
|
|
6809
6838
|
border: var(--border-width-default) solid var(--accents-error--detail);
|
|
6810
6839
|
}
|
|
6811
6840
|
.zen-summary-tile--error:hover {
|
|
6812
|
-
box-shadow:
|
|
6841
|
+
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
|
|
6813
6842
|
}
|
|
6814
6843
|
.zen-summary-tile--success {
|
|
6815
6844
|
background-color: var(--accents-success--main);
|
|
@@ -6817,7 +6846,7 @@ html:lang(ar) .zen-summary-tile {
|
|
|
6817
6846
|
border: var(--border-width-default) solid var(--accents-success--detail);
|
|
6818
6847
|
}
|
|
6819
6848
|
.zen-summary-tile--success:hover {
|
|
6820
|
-
box-shadow:
|
|
6849
|
+
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
|
|
6821
6850
|
}
|
|
6822
6851
|
.zen-summary-tile--warning {
|
|
6823
6852
|
background-color: var(--accents-warning--main);
|
|
@@ -6825,7 +6854,7 @@ html:lang(ar) .zen-summary-tile {
|
|
|
6825
6854
|
border: var(--border-width-default) solid var(--accents-warning--detail);
|
|
6826
6855
|
}
|
|
6827
6856
|
.zen-summary-tile--warning:hover {
|
|
6828
|
-
box-shadow:
|
|
6857
|
+
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
|
|
6829
6858
|
}
|
|
6830
6859
|
.zen-summary-tile--active {
|
|
6831
6860
|
background-color: var(--accents-general--main);
|
|
@@ -6833,7 +6862,7 @@ html:lang(ar) .zen-summary-tile {
|
|
|
6833
6862
|
border: var(--border-width-default) solid var(--borders-form-field--active);
|
|
6834
6863
|
}
|
|
6835
6864
|
.zen-summary-tile--active:hover {
|
|
6836
|
-
box-shadow:
|
|
6865
|
+
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
|
|
6837
6866
|
}
|
|
6838
6867
|
.zen-form-step-marker-inner {
|
|
6839
6868
|
display: flex;
|
|
@@ -7013,7 +7042,7 @@ html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
|
|
|
7013
7042
|
padding: 0;
|
|
7014
7043
|
}
|
|
7015
7044
|
.zen-form-step__connector {
|
|
7016
|
-
border-
|
|
7045
|
+
border-top: 2px solid;
|
|
7017
7046
|
flex-grow: 1;
|
|
7018
7047
|
min-width: 0.6875rem;
|
|
7019
7048
|
width: 100%;
|
|
@@ -7083,6 +7112,7 @@ html:lang(ar) .zen-form-stepper .zen-form-stepper__mobile-label {
|
|
|
7083
7112
|
text-transform: none;
|
|
7084
7113
|
text-decoration: none;
|
|
7085
7114
|
padding-inline-start: 0.25rem;
|
|
7115
|
+
display: -webkit-box;
|
|
7086
7116
|
-webkit-box-orient: vertical;
|
|
7087
7117
|
-webkit-line-clamp: 1;
|
|
7088
7118
|
text-overflow: ellipsis;
|
|
@@ -7197,8 +7227,8 @@ html:lang(ar) .zen-review-text-control {
|
|
|
7197
7227
|
.zen-toggler-component--drive::before {
|
|
7198
7228
|
content: "";
|
|
7199
7229
|
position: absolute;
|
|
7200
|
-
|
|
7201
|
-
|
|
7230
|
+
top: 50%;
|
|
7231
|
+
left: 50%;
|
|
7202
7232
|
transform: translate(-50%, -50%);
|
|
7203
7233
|
width: var(--zen-toggler-tap-area-width-drive);
|
|
7204
7234
|
height: var(--zen-toggler-tap-area-height-drive);
|
|
@@ -7208,7 +7238,7 @@ html:lang(ar) .zen-review-text-control {
|
|
|
7208
7238
|
min-width: var(--zen-toggler-runner-size-drive);
|
|
7209
7239
|
height: var(--zen-toggler-runner-size-drive);
|
|
7210
7240
|
min-height: var(--zen-toggler-runner-size-drive);
|
|
7211
|
-
margin-
|
|
7241
|
+
margin-top: 0.0625rem;
|
|
7212
7242
|
margin-inline-start: 0.0625rem;
|
|
7213
7243
|
}
|
|
7214
7244
|
.zen-toggler-component--drive .zen-toggler-component__focus {
|
|
@@ -7216,7 +7246,7 @@ html:lang(ar) .zen-review-text-control {
|
|
|
7216
7246
|
min-width: var(--zen-toggler-runner-focus-size-drive);
|
|
7217
7247
|
height: var(--zen-toggler-runner-focus-size-drive);
|
|
7218
7248
|
min-height: var(--zen-toggler-runner-focus-size-drive);
|
|
7219
|
-
|
|
7249
|
+
top: -0.25rem;
|
|
7220
7250
|
inset-inline-start: -0.25rem;
|
|
7221
7251
|
}
|
|
7222
7252
|
.zen-toggler-component--drive-tablet {
|
|
@@ -7229,8 +7259,8 @@ html:lang(ar) .zen-review-text-control {
|
|
|
7229
7259
|
.zen-toggler-component--drive-tablet::before {
|
|
7230
7260
|
content: "";
|
|
7231
7261
|
position: absolute;
|
|
7232
|
-
|
|
7233
|
-
|
|
7262
|
+
top: 50%;
|
|
7263
|
+
left: 50%;
|
|
7234
7264
|
transform: translate(-50%, -50%);
|
|
7235
7265
|
width: var(--zen-toggler-tap-area-width-drive);
|
|
7236
7266
|
height: var(--zen-toggler-tap-area-height-drive);
|
|
@@ -7240,7 +7270,7 @@ html:lang(ar) .zen-review-text-control {
|
|
|
7240
7270
|
min-width: var(--zen-toggler-runner-size-drive);
|
|
7241
7271
|
height: var(--zen-toggler-runner-size-drive);
|
|
7242
7272
|
min-height: var(--zen-toggler-runner-size-drive);
|
|
7243
|
-
margin-
|
|
7273
|
+
margin-top: 0.0625rem;
|
|
7244
7274
|
margin-inline-start: 0.0625rem;
|
|
7245
7275
|
}
|
|
7246
7276
|
.zen-toggler-component--drive-tablet .zen-toggler-component__focus {
|
|
@@ -7248,7 +7278,7 @@ html:lang(ar) .zen-review-text-control {
|
|
|
7248
7278
|
min-width: var(--zen-toggler-runner-focus-size-drive);
|
|
7249
7279
|
height: var(--zen-toggler-runner-focus-size-drive);
|
|
7250
7280
|
min-height: var(--zen-toggler-runner-focus-size-drive);
|
|
7251
|
-
|
|
7281
|
+
top: -0.25rem;
|
|
7252
7282
|
inset-inline-start: -0.25rem;
|
|
7253
7283
|
}
|
|
7254
7284
|
.zen-toggler-component__runner {
|
|
@@ -7268,7 +7298,7 @@ html:lang(ar) .zen-review-text-control {
|
|
|
7268
7298
|
min-height: var(--zen-toggler-runner-focus-size);
|
|
7269
7299
|
border-radius: 50%;
|
|
7270
7300
|
opacity: 0.4;
|
|
7271
|
-
|
|
7301
|
+
top: -0.3125rem;
|
|
7272
7302
|
background-color: var(--action-secondary--default);
|
|
7273
7303
|
inset-inline-start: -0.3125rem;
|
|
7274
7304
|
}
|
|
@@ -7322,7 +7352,8 @@ html:lang(ar) .zen-toggler__label-text {
|
|
|
7322
7352
|
flex-direction: row-reverse;
|
|
7323
7353
|
}
|
|
7324
7354
|
.zen-toggler__label--reverted .zen-toggler__label-text {
|
|
7325
|
-
margin-inline: 0
|
|
7355
|
+
margin-inline-end: 0.5rem;
|
|
7356
|
+
margin-inline-start: 0;
|
|
7326
7357
|
}
|
|
7327
7358
|
.zen-toggler__input:focus-visible + .zen-toggler__label > .zen-toggler-component .zen-toggler-component__focus,
|
|
7328
7359
|
.zen-toggler__input:hover + .zen-toggler__label > .zen-toggler-component .zen-toggler-component__focus {
|
|
@@ -7480,7 +7511,7 @@ html:lang(ar) .zen-toggler__label-text {
|
|
|
7480
7511
|
color: var(--text-primary);
|
|
7481
7512
|
align-items: center;
|
|
7482
7513
|
justify-content: space-between;
|
|
7483
|
-
padding: 0.25rem 0.75rem;
|
|
7514
|
+
padding: 0.25rem 0.75rem 0.25rem 0.75rem;
|
|
7484
7515
|
border-radius: 1.875rem;
|
|
7485
7516
|
background: var(--backgrounds-content-1);
|
|
7486
7517
|
}
|
|
@@ -7523,22 +7554,22 @@ html:lang(ar) .zen-pill-content {
|
|
|
7523
7554
|
.zen-pill-actionable {
|
|
7524
7555
|
padding: 0 0.5rem;
|
|
7525
7556
|
-webkit-touch-callout: none;
|
|
7557
|
+
-webkit-user-select: none;
|
|
7558
|
+
-khtml-user-select: none;
|
|
7559
|
+
-moz-user-select: none;
|
|
7560
|
+
-ms-user-select: none;
|
|
7526
7561
|
user-select: none;
|
|
7527
7562
|
}
|
|
7528
|
-
.zen-pill-actionable:hover {
|
|
7563
|
+
.zen-pill-actionable:not(.zen-pill-actionable--disabled):not(.zen-pill-actionable--readonly):hover {
|
|
7529
7564
|
cursor: pointer;
|
|
7530
7565
|
}
|
|
7531
|
-
.zen-pill-actionable--disabled:hover,
|
|
7532
|
-
.zen-pill-actionable--readonly:hover {
|
|
7533
|
-
cursor: default;
|
|
7534
|
-
}
|
|
7535
7566
|
.zen-pill-actionable:has(.zen-pill-actionable__input:focus-visible) {
|
|
7536
7567
|
outline: 1px solid var(--borders-form-field--active);
|
|
7537
7568
|
outline-offset: 2px;
|
|
7538
7569
|
}
|
|
7539
7570
|
.zen-pill-actionable__input {
|
|
7540
7571
|
position: absolute;
|
|
7541
|
-
|
|
7572
|
+
left: -5000px;
|
|
7542
7573
|
}
|
|
7543
7574
|
.zen-pill-actionable__content-wrapper {
|
|
7544
7575
|
margin: 0;
|
|
@@ -7585,6 +7616,7 @@ html:lang(ar) .zen-pill-content {
|
|
|
7585
7616
|
line-height: 1rem;
|
|
7586
7617
|
text-transform: none;
|
|
7587
7618
|
text-decoration: none;
|
|
7619
|
+
display: flex;
|
|
7588
7620
|
align-items: center;
|
|
7589
7621
|
justify-content: space-between;
|
|
7590
7622
|
border-radius: 1.875rem;
|
|
@@ -7810,8 +7842,9 @@ html:lang(ar) .zen-form-field-error {
|
|
|
7810
7842
|
flex: 0 0 auto;
|
|
7811
7843
|
}
|
|
7812
7844
|
.zen-form-field-error__icon-container {
|
|
7813
|
-
padding-block: 0.0625rem
|
|
7845
|
+
padding-block-start: 0.0625rem;
|
|
7814
7846
|
padding-inline: 0.125rem;
|
|
7847
|
+
padding-block-end: 0;
|
|
7815
7848
|
height: 1rem;
|
|
7816
7849
|
}
|
|
7817
7850
|
.zen-form-field-error.zen-form-field-error--drive .zen-form-field-error__icon-container,
|
|
@@ -7885,7 +7918,7 @@ html:lang(ar) .zen-form-field-error {
|
|
|
7885
7918
|
}
|
|
7886
7919
|
.zen-form-field__input-container:has(.zen-radio-group--horizontal) .zen-form-field__trailing-text {
|
|
7887
7920
|
align-self: flex-start;
|
|
7888
|
-
margin-
|
|
7921
|
+
margin-top: 0.75rem;
|
|
7889
7922
|
}
|
|
7890
7923
|
.zen-form-field.zen-form-field--form-item .zen-radio {
|
|
7891
7924
|
padding-block-end: 0.75rem;
|
|
@@ -7924,7 +7957,7 @@ html:lang(ar) .zen-form-field__trailing-text {
|
|
|
7924
7957
|
overflow: hidden;
|
|
7925
7958
|
text-overflow: ellipsis;
|
|
7926
7959
|
white-space: normal;
|
|
7927
|
-
|
|
7960
|
+
word-wrap: normal;
|
|
7928
7961
|
}
|
|
7929
7962
|
html:lang(ar) .zen-form-field__text {
|
|
7930
7963
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -7965,7 +7998,7 @@ html:lang(ar) .zen-form-field__text {
|
|
|
7965
7998
|
overflow: hidden;
|
|
7966
7999
|
text-overflow: ellipsis;
|
|
7967
8000
|
white-space: nowrap;
|
|
7968
|
-
|
|
8001
|
+
word-wrap: normal;
|
|
7969
8002
|
white-space: break-spaces;
|
|
7970
8003
|
}
|
|
7971
8004
|
.zen-form-field__length {
|
|
@@ -8037,7 +8070,7 @@ html:lang(ar) .zen-form-field__length {
|
|
|
8037
8070
|
max-width: 100%;
|
|
8038
8071
|
}
|
|
8039
8072
|
.zen-dropdown--mobile .zen-mobile-sheet__title {
|
|
8040
|
-
border-
|
|
8073
|
+
border-bottom: none;
|
|
8041
8074
|
}
|
|
8042
8075
|
.zen-dropdown--mobile .zen-dropdown-mobile-sheet__search-container {
|
|
8043
8076
|
padding-block: 1rem;
|
|
@@ -8045,7 +8078,7 @@ html:lang(ar) .zen-form-field__length {
|
|
|
8045
8078
|
}
|
|
8046
8079
|
.zen-dropdown--mobile .zen-dropdown-mobile-sheet__checkbox-container {
|
|
8047
8080
|
padding: 1rem;
|
|
8048
|
-
border-
|
|
8081
|
+
border-bottom: var(--border-width-default) solid var(--borders-general);
|
|
8049
8082
|
}
|
|
8050
8083
|
.zen-dropdown--mobile .zen-dropdown-mobile-sheet__search {
|
|
8051
8084
|
width: 100%;
|
|
@@ -8057,11 +8090,11 @@ html:lang(ar) .zen-form-field__length {
|
|
|
8057
8090
|
.zen-dropdown-popup__search-container .zen-input-adornments {
|
|
8058
8091
|
border-radius: 0;
|
|
8059
8092
|
border: none;
|
|
8060
|
-
border-
|
|
8093
|
+
border-bottom: var(--border-width-default) solid var(--borders-general);
|
|
8061
8094
|
}
|
|
8062
8095
|
.zen-checkbox-list-with-action {
|
|
8063
8096
|
box-sizing: border-box;
|
|
8064
|
-
margin-
|
|
8097
|
+
margin-bottom: 1rem;
|
|
8065
8098
|
}
|
|
8066
8099
|
.zen-checkbox-list-with-action * {
|
|
8067
8100
|
box-sizing: border-box;
|
|
@@ -8102,7 +8135,8 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
|
|
|
8102
8135
|
}
|
|
8103
8136
|
.zen-checkbox-list-with-action__action-item--action .zen-checkbox__label {
|
|
8104
8137
|
padding-inline-end: 0.5rem;
|
|
8105
|
-
padding-
|
|
8138
|
+
padding-bottom: 0.75rem;
|
|
8139
|
+
padding-top: 0.75rem;
|
|
8106
8140
|
}
|
|
8107
8141
|
.zen-checkbox-list-with-action__singled {
|
|
8108
8142
|
font-weight: 700;
|
|
@@ -8119,7 +8153,7 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
|
|
|
8119
8153
|
overflow: hidden;
|
|
8120
8154
|
text-overflow: ellipsis;
|
|
8121
8155
|
white-space: nowrap;
|
|
8122
|
-
|
|
8156
|
+
word-wrap: normal;
|
|
8123
8157
|
width: 100%;
|
|
8124
8158
|
}
|
|
8125
8159
|
.zen-checkbox-list-with-action__action-checkbox--full-width .zen-checkbox__label {
|
|
@@ -8142,7 +8176,8 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
|
|
|
8142
8176
|
color: var(--text-primary);
|
|
8143
8177
|
width: 100%;
|
|
8144
8178
|
padding-block: 0.4375rem;
|
|
8145
|
-
padding-inline: 0.25rem
|
|
8179
|
+
padding-inline-start: 0.25rem;
|
|
8180
|
+
padding-inline-end: 0.5rem;
|
|
8146
8181
|
}
|
|
8147
8182
|
html:lang(ar) .zen-checkbox-list-with-action__label {
|
|
8148
8183
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -8298,7 +8333,7 @@ html:lang(ar) .zen-checkbox-list-with-action__counter {
|
|
|
8298
8333
|
text-transform: none;
|
|
8299
8334
|
text-decoration: none;
|
|
8300
8335
|
height: 100%;
|
|
8301
|
-
overflow-
|
|
8336
|
+
overflow-y: auto;
|
|
8302
8337
|
max-height: 15.3125rem;
|
|
8303
8338
|
}
|
|
8304
8339
|
html:lang(ar) .zen-dropdown-list__elements {
|
|
@@ -8325,20 +8360,20 @@ html:lang(ar) .zen-dropdown-list__label {
|
|
|
8325
8360
|
.zen-dropdown-list__checkbox-container {
|
|
8326
8361
|
padding-block: 0.5rem;
|
|
8327
8362
|
padding-inline: 1rem;
|
|
8328
|
-
border-
|
|
8363
|
+
border-bottom: var(--border-width-default) solid var(--borders-general);
|
|
8329
8364
|
}
|
|
8330
8365
|
.zen-dropdown-list__checkbox-container .zen-checkbox__label-text {
|
|
8331
8366
|
overflow: hidden;
|
|
8332
8367
|
text-overflow: ellipsis;
|
|
8333
8368
|
white-space: nowrap;
|
|
8334
|
-
|
|
8369
|
+
word-wrap: normal;
|
|
8335
8370
|
}
|
|
8336
8371
|
.zen-dropdown-list__item-wrapper {
|
|
8337
8372
|
display: flex;
|
|
8338
8373
|
flex-wrap: nowrap;
|
|
8339
8374
|
align-items: center;
|
|
8340
8375
|
margin: 1px;
|
|
8341
|
-
border-
|
|
8376
|
+
border-bottom: var(--border-width-default) solid var(--borders-general);
|
|
8342
8377
|
}
|
|
8343
8378
|
.zen-dropdown-list__item {
|
|
8344
8379
|
display: flex;
|
|
@@ -8377,7 +8412,7 @@ html:lang(ar) .zen-dropdown-list__label {
|
|
|
8377
8412
|
}
|
|
8378
8413
|
.zen-dropdown-list__sentinel-item {
|
|
8379
8414
|
position: "absolute";
|
|
8380
|
-
|
|
8415
|
+
left: "-9999px";
|
|
8381
8416
|
width: "1px";
|
|
8382
8417
|
height: "1px";
|
|
8383
8418
|
opacity: 0;
|
|
@@ -8430,7 +8465,7 @@ html:lang(ar) .zen-dropdown-list__action-label {
|
|
|
8430
8465
|
.zen-dropdown-list__footer {
|
|
8431
8466
|
display: flex;
|
|
8432
8467
|
justify-content: flex-start;
|
|
8433
|
-
border-
|
|
8468
|
+
border-top: var(--border-width-default) solid var(--borders-general);
|
|
8434
8469
|
}
|
|
8435
8470
|
.zen-dropdown-list__action-button-back {
|
|
8436
8471
|
padding-block: 0.4375rem;
|
|
@@ -8445,7 +8480,8 @@ html:lang(ar) .zen-dropdown-list__action-label {
|
|
|
8445
8480
|
.zen-dropdown-list__cancel-button,
|
|
8446
8481
|
.zen-dropdown-list__apply-button {
|
|
8447
8482
|
margin-inline-end: 0.5rem;
|
|
8448
|
-
margin-block: 0.5rem
|
|
8483
|
+
margin-block-start: 0.5rem;
|
|
8484
|
+
margin-block-end: 0.25rem;
|
|
8449
8485
|
}
|
|
8450
8486
|
.zen-dropdown-list__clear-button {
|
|
8451
8487
|
margin-inline-start: 0.5rem;
|
|
@@ -8560,7 +8596,7 @@ html:lang(ar) .zen-dropdown-list__action-label {
|
|
|
8560
8596
|
min-width: var(--chip-min-width-default);
|
|
8561
8597
|
max-width: var(--chip-max-width-default);
|
|
8562
8598
|
width: fit-content;
|
|
8563
|
-
box-shadow:
|
|
8599
|
+
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
|
|
8564
8600
|
border-radius: var(--chip-border-radius);
|
|
8565
8601
|
gap: 0.125rem;
|
|
8566
8602
|
}
|
|
@@ -8574,19 +8610,13 @@ html:lang(ar) .zen-chip {
|
|
|
8574
8610
|
outline: 1px solid var(--borders-form-field--active);
|
|
8575
8611
|
outline-offset: 1px;
|
|
8576
8612
|
}
|
|
8613
|
+
.zen-chip--default {
|
|
8614
|
+
max-width: var(--chip-max-width-default);
|
|
8615
|
+
width: fit-content;
|
|
8616
|
+
}
|
|
8577
8617
|
.zen-chip.zen-chip--drive {
|
|
8578
8618
|
border-radius: 0.5rem;
|
|
8579
8619
|
}
|
|
8580
|
-
.zen-chip.zen-chip--drive .zen-chip__quantity {
|
|
8581
|
-
font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
8582
|
-
font-size: 1.25rem;
|
|
8583
|
-
font-style: normal;
|
|
8584
|
-
font-weight: 400;
|
|
8585
|
-
letter-spacing: 0rem;
|
|
8586
|
-
line-height: 1.875rem;
|
|
8587
|
-
text-transform: none;
|
|
8588
|
-
text-decoration: none;
|
|
8589
|
-
}
|
|
8590
8620
|
.zen-chip:not(.zen-chip--disabled):not(.zen-chip--readonly):hover {
|
|
8591
8621
|
cursor: pointer;
|
|
8592
8622
|
}
|
|
@@ -8595,11 +8625,12 @@ html:lang(ar) .zen-chip {
|
|
|
8595
8625
|
}
|
|
8596
8626
|
.zen-chip__input {
|
|
8597
8627
|
position: absolute;
|
|
8598
|
-
|
|
8628
|
+
left: -5000px;
|
|
8599
8629
|
}
|
|
8600
8630
|
.zen-chip__content-wrapper {
|
|
8601
8631
|
margin: 0;
|
|
8602
8632
|
gap: 0.25rem;
|
|
8633
|
+
display: flex;
|
|
8603
8634
|
align-items: center;
|
|
8604
8635
|
justify-content: space-between;
|
|
8605
8636
|
display: grid;
|
|
@@ -8607,8 +8638,6 @@ html:lang(ar) .zen-chip {
|
|
|
8607
8638
|
min-height: 16px;
|
|
8608
8639
|
}
|
|
8609
8640
|
.zen-chip--default {
|
|
8610
|
-
max-width: var(--chip-max-width-default);
|
|
8611
|
-
width: fit-content;
|
|
8612
8641
|
background-color: var(--backgrounds-main);
|
|
8613
8642
|
border: 1px solid var(--borders-general);
|
|
8614
8643
|
color: var(--text-secondary);
|
|
@@ -8776,12 +8805,22 @@ html:lang(ar) .zen-chip__quantity {
|
|
|
8776
8805
|
text-transform: none;
|
|
8777
8806
|
text-decoration: none;
|
|
8778
8807
|
}
|
|
8808
|
+
.zen-chip.zen-chip--drive .zen-chip__quantity {
|
|
8809
|
+
font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
8810
|
+
font-size: 1.25rem;
|
|
8811
|
+
font-style: normal;
|
|
8812
|
+
font-weight: 400;
|
|
8813
|
+
letter-spacing: 0rem;
|
|
8814
|
+
line-height: 1.875rem;
|
|
8815
|
+
text-transform: none;
|
|
8816
|
+
text-decoration: none;
|
|
8817
|
+
}
|
|
8779
8818
|
.zen-chip-content {
|
|
8780
8819
|
display: flex;
|
|
8781
8820
|
color: var(--text-primary);
|
|
8782
8821
|
align-items: center;
|
|
8783
8822
|
justify-content: space-between;
|
|
8784
|
-
padding: 0.25rem 0.75rem;
|
|
8823
|
+
padding: 0.25rem 0.75rem 0.25rem 0.75rem;
|
|
8785
8824
|
border-radius: 0.5rem;
|
|
8786
8825
|
background: var(--backgrounds-content-1);
|
|
8787
8826
|
}
|
|
@@ -9083,6 +9122,7 @@ html:lang(ar) .zen-filter-button.zen-filter-button--mobile .zen-filter-button__q
|
|
|
9083
9122
|
outline: none;
|
|
9084
9123
|
padding-block: 0;
|
|
9085
9124
|
padding-inline: 0 0.3125rem;
|
|
9125
|
+
-webkit-appearance: none;
|
|
9086
9126
|
appearance: none;
|
|
9087
9127
|
background-color: inherit;
|
|
9088
9128
|
color: inherit;
|
|
@@ -9092,6 +9132,7 @@ html:lang(ar) .zen-dropdown-searchable-trigger .zen-dropdown-searchable-trigger_
|
|
|
9092
9132
|
}
|
|
9093
9133
|
.zen-dropdown-searchable-trigger__popup-trigger {
|
|
9094
9134
|
display: flex;
|
|
9135
|
+
border-color: var(--borders-general);
|
|
9095
9136
|
border: 1px solid var(--borders-general);
|
|
9096
9137
|
border-radius: var(--border-radius-default);
|
|
9097
9138
|
justify-content: center;
|
|
@@ -9326,7 +9367,7 @@ html:lang(ar) .zen-dropdown-searchable-trigger__counter {
|
|
|
9326
9367
|
box-sizing: border-box;
|
|
9327
9368
|
border: var(--border-width-default) solid var(--borders-general);
|
|
9328
9369
|
border-radius: var(--border-radius-default);
|
|
9329
|
-
appearance: none;
|
|
9370
|
+
-webkit-appearance: none;
|
|
9330
9371
|
outline: none;
|
|
9331
9372
|
background-color: var(--backgrounds-main);
|
|
9332
9373
|
color: var(--text-primary);
|
|
@@ -9416,6 +9457,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
|
|
|
9416
9457
|
outline: 0;
|
|
9417
9458
|
padding: 0;
|
|
9418
9459
|
padding-inline-start: 0.25rem;
|
|
9460
|
+
-webkit-appearance: none;
|
|
9419
9461
|
appearance: none;
|
|
9420
9462
|
background-color: inherit;
|
|
9421
9463
|
color: var(--text-primary);
|
|
@@ -9432,7 +9474,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
|
|
|
9432
9474
|
overflow: hidden;
|
|
9433
9475
|
padding: 0.5rem;
|
|
9434
9476
|
display: grid;
|
|
9435
|
-
gap: 0.5rem;
|
|
9477
|
+
grid-gap: 0.5rem;
|
|
9436
9478
|
align-items: center;
|
|
9437
9479
|
}
|
|
9438
9480
|
.zen-input-adornments * {
|
|
@@ -9474,6 +9516,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
|
|
|
9474
9516
|
fill: var(--text-placeholder);
|
|
9475
9517
|
}
|
|
9476
9518
|
.zen-input-adornments__input {
|
|
9519
|
+
height: 100%;
|
|
9477
9520
|
width: 100%;
|
|
9478
9521
|
height: 1rem;
|
|
9479
9522
|
}
|
|
@@ -9490,6 +9533,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
|
|
|
9490
9533
|
outline: 0;
|
|
9491
9534
|
padding: 0;
|
|
9492
9535
|
padding-inline-start: 0.25rem;
|
|
9536
|
+
-webkit-appearance: none;
|
|
9493
9537
|
appearance: none;
|
|
9494
9538
|
background-color: inherit;
|
|
9495
9539
|
color: var(--text-primary);
|
|
@@ -9504,7 +9548,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
|
|
|
9504
9548
|
.zen-input-adornments.zen-input-adornments--drive {
|
|
9505
9549
|
height: 2.75rem;
|
|
9506
9550
|
display: grid;
|
|
9507
|
-
gap: 0.5rem;
|
|
9551
|
+
grid-gap: 0.5rem;
|
|
9508
9552
|
align-items: center;
|
|
9509
9553
|
}
|
|
9510
9554
|
.zen-input-adornments.zen-input-adornments--drive.zen-input-adornments--has-start,
|
|
@@ -9534,7 +9578,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
|
|
|
9534
9578
|
.zen-input-adornments.zen-input-adornments--mobile {
|
|
9535
9579
|
height: 2.75rem;
|
|
9536
9580
|
display: grid;
|
|
9537
|
-
gap: 0.5rem;
|
|
9581
|
+
grid-gap: 0.5rem;
|
|
9538
9582
|
align-items: center;
|
|
9539
9583
|
}
|
|
9540
9584
|
.zen-input-adornments.zen-input-adornments--mobile.zen-input-adornments--has-start,
|
|
@@ -9564,7 +9608,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
|
|
|
9564
9608
|
.zen-input-adornments.zen-input-adornments--drive-tablet {
|
|
9565
9609
|
height: 2.875rem;
|
|
9566
9610
|
display: grid;
|
|
9567
|
-
gap: 0.5rem;
|
|
9611
|
+
grid-gap: 0.5rem;
|
|
9568
9612
|
align-items: center;
|
|
9569
9613
|
}
|
|
9570
9614
|
.zen-input-adornments.zen-input-adornments--drive-tablet.zen-input-adornments--has-start,
|
|
@@ -9665,8 +9709,9 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
|
|
|
9665
9709
|
width: 100%;
|
|
9666
9710
|
height: auto;
|
|
9667
9711
|
max-height: 100%;
|
|
9668
|
-
|
|
9669
|
-
|
|
9712
|
+
left: 0;
|
|
9713
|
+
top: auto;
|
|
9714
|
+
bottom: 0;
|
|
9670
9715
|
z-index: 11005;
|
|
9671
9716
|
background-color: var(--backgrounds-main);
|
|
9672
9717
|
}
|
|
@@ -9813,7 +9858,7 @@ html:lang(ar) .zen-group-button {
|
|
|
9813
9858
|
width: 1px;
|
|
9814
9859
|
height: 1px;
|
|
9815
9860
|
margin: -1px;
|
|
9816
|
-
clip
|
|
9861
|
+
clip: rect(0, 0, 0, 0);
|
|
9817
9862
|
position: absolute;
|
|
9818
9863
|
}
|
|
9819
9864
|
.zen-group-button__input:checked + .zen-group-button__label {
|
|
@@ -9980,7 +10025,7 @@ html:lang(ar) .zen-pill-box__label {
|
|
|
9980
10025
|
}
|
|
9981
10026
|
.zen-modal {
|
|
9982
10027
|
box-sizing: border-box;
|
|
9983
|
-
box-shadow:
|
|
10028
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
|
9984
10029
|
position: absolute;
|
|
9985
10030
|
width: 100%;
|
|
9986
10031
|
height: 100%;
|
|
@@ -10012,8 +10057,9 @@ html:lang(ar) .zen-pill-box__label {
|
|
|
10012
10057
|
background-color: var(--backgrounds-main);
|
|
10013
10058
|
color: var(--text-primary);
|
|
10014
10059
|
padding: 0;
|
|
10015
|
-
box-shadow:
|
|
10016
|
-
max-height:
|
|
10060
|
+
box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
|
|
10061
|
+
max-height: 90vh;
|
|
10062
|
+
max-height: 90dvh;
|
|
10017
10063
|
border-radius: 4px;
|
|
10018
10064
|
overflow: hidden;
|
|
10019
10065
|
}
|
|
@@ -10021,7 +10067,7 @@ html:lang(ar) .zen-pill-box__label {
|
|
|
10021
10067
|
box-sizing: border-box;
|
|
10022
10068
|
}
|
|
10023
10069
|
.zen-modal-content--hidden-overflow.zen-modal-content--hidden-overflow {
|
|
10024
|
-
overflow-
|
|
10070
|
+
overflow-y: hidden;
|
|
10025
10071
|
}
|
|
10026
10072
|
.zen-modal-content__header {
|
|
10027
10073
|
display: flex;
|
|
@@ -10050,8 +10096,10 @@ html:lang(ar) .zen-pill-box__label {
|
|
|
10050
10096
|
}
|
|
10051
10097
|
.zen-modal-content__body {
|
|
10052
10098
|
overflow: auto;
|
|
10053
|
-
padding-block: 0.75rem
|
|
10054
|
-
padding-
|
|
10099
|
+
padding-block-start: 0.75rem;
|
|
10100
|
+
padding-block-end: 2rem;
|
|
10101
|
+
padding-inline-start: 1.5rem;
|
|
10102
|
+
padding-inline-end: 1.5rem;
|
|
10055
10103
|
}
|
|
10056
10104
|
.zen-modal-content__body--no-footer {
|
|
10057
10105
|
padding-block-end: 1rem;
|
|
@@ -10266,7 +10314,7 @@ html:lang(ar) .zen-status-pill__container {
|
|
|
10266
10314
|
border-color: var(--borders-form-field--active);
|
|
10267
10315
|
}
|
|
10268
10316
|
.zen-status-pill__text {
|
|
10269
|
-
margin-
|
|
10317
|
+
margin-right: 4px;
|
|
10270
10318
|
color: var(--text-primary);
|
|
10271
10319
|
flex-shrink: 1;
|
|
10272
10320
|
min-width: 0;
|
|
@@ -10290,11 +10338,11 @@ html:lang(ar) .zen-status-pill__container {
|
|
|
10290
10338
|
color: var(--text-reverse-primary);
|
|
10291
10339
|
}
|
|
10292
10340
|
.zen-status-pill__text--centered {
|
|
10293
|
-
margin-
|
|
10341
|
+
margin-right: 0;
|
|
10294
10342
|
}
|
|
10295
10343
|
.zen-status-pill__expand-button {
|
|
10296
10344
|
padding: 0;
|
|
10297
|
-
margin-
|
|
10345
|
+
margin-left: auto;
|
|
10298
10346
|
flex-shrink: 0;
|
|
10299
10347
|
}
|
|
10300
10348
|
.zen-status-pill__expand-button--default {
|
|
@@ -10325,7 +10373,7 @@ html:lang(ar) .zen-status-pill__container {
|
|
|
10325
10373
|
display: flex;
|
|
10326
10374
|
align-items: center;
|
|
10327
10375
|
height: 12px;
|
|
10328
|
-
margin-
|
|
10376
|
+
margin-right: 4px;
|
|
10329
10377
|
flex-shrink: 0;
|
|
10330
10378
|
}
|
|
10331
10379
|
.zen-status-pill__icon--large {
|
|
@@ -10356,13 +10404,13 @@ html:lang(ar) .zen-status-pill__container {
|
|
|
10356
10404
|
color: var(--text-reverse-primary);
|
|
10357
10405
|
}
|
|
10358
10406
|
.zen-status-pill__icon--standalone {
|
|
10359
|
-
margin-
|
|
10407
|
+
margin-right: 0;
|
|
10360
10408
|
}
|
|
10361
10409
|
.zen-absolute:has(.zen-status-pill-popup) {
|
|
10362
10410
|
overflow: visible;
|
|
10363
10411
|
}
|
|
10364
10412
|
.zen-status-pill-popup {
|
|
10365
|
-
box-shadow:
|
|
10413
|
+
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
|
|
10366
10414
|
border-radius: 0.25rem;
|
|
10367
10415
|
background-color: white;
|
|
10368
10416
|
max-height: 560px;
|
|
@@ -10374,7 +10422,7 @@ html:lang(ar) .zen-status-pill__container {
|
|
|
10374
10422
|
flex-direction: column;
|
|
10375
10423
|
padding: 0.75rem 0.5rem;
|
|
10376
10424
|
gap: 1rem;
|
|
10377
|
-
overflow-
|
|
10425
|
+
overflow-y: auto;
|
|
10378
10426
|
max-height: 480px;
|
|
10379
10427
|
}
|
|
10380
10428
|
.zen-status-pill-popup__container--small {
|
|
@@ -10391,7 +10439,7 @@ html:lang(ar) .zen-status-pill__container {
|
|
|
10391
10439
|
align-items: center;
|
|
10392
10440
|
padding: 0.75rem 0.5rem;
|
|
10393
10441
|
gap: 1rem;
|
|
10394
|
-
border-
|
|
10442
|
+
border-bottom: 1px solid var(--borders-general);
|
|
10395
10443
|
}
|
|
10396
10444
|
.zen-status-pill-popup__title-item-text {
|
|
10397
10445
|
flex: 1;
|
|
@@ -10460,7 +10508,7 @@ html:lang(ar) .zen-status-pill-popup__header-text {
|
|
|
10460
10508
|
text-decoration: none;
|
|
10461
10509
|
}
|
|
10462
10510
|
.zen-status-pill-popup__header-text--left {
|
|
10463
|
-
margin-
|
|
10511
|
+
margin-left: auto;
|
|
10464
10512
|
}
|
|
10465
10513
|
.zen-status-pill-popup__description {
|
|
10466
10514
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -10472,7 +10520,7 @@ html:lang(ar) .zen-status-pill-popup__header-text {
|
|
|
10472
10520
|
text-transform: none;
|
|
10473
10521
|
text-decoration: none;
|
|
10474
10522
|
color: var(--text-secondary);
|
|
10475
|
-
overflow-
|
|
10523
|
+
overflow-y: auto;
|
|
10476
10524
|
}
|
|
10477
10525
|
html:lang(ar) .zen-status-pill-popup__description {
|
|
10478
10526
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -10506,12 +10554,12 @@ html:lang(ar) .zen-status-pill-popup__description {
|
|
|
10506
10554
|
background-color: var(--borders-general);
|
|
10507
10555
|
}
|
|
10508
10556
|
.zen-status-pill-popup--mobile .zen-mobile-sheet__title {
|
|
10509
|
-
border-
|
|
10557
|
+
border-bottom: 1px solid var(--borders-general);
|
|
10510
10558
|
}
|
|
10511
10559
|
.zen-status-pill-popup--mobile .zen-mobile-sheet__content {
|
|
10512
10560
|
padding: 1rem;
|
|
10513
|
-
max-height:
|
|
10514
|
-
overflow-
|
|
10561
|
+
max-height: 90vh;
|
|
10562
|
+
overflow-y: auto;
|
|
10515
10563
|
}
|
|
10516
10564
|
.zen-status-pill-popup__mobile-title {
|
|
10517
10565
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -10573,6 +10621,7 @@ html:lang(ar) .zen-status-pill-popup__view-more-badge {
|
|
|
10573
10621
|
background: 0 0;
|
|
10574
10622
|
padding: 0.5rem;
|
|
10575
10623
|
vertical-align: middle;
|
|
10624
|
+
border-width: 0;
|
|
10576
10625
|
margin: 0.0625rem;
|
|
10577
10626
|
border: none;
|
|
10578
10627
|
background-color: transparent;
|
|
@@ -10621,7 +10670,7 @@ html:lang(ar) .zen-select {
|
|
|
10621
10670
|
transform: rotateZ(180deg);
|
|
10622
10671
|
}
|
|
10623
10672
|
.zen-select__popup {
|
|
10624
|
-
box-shadow:
|
|
10673
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
|
10625
10674
|
border-radius: var(--border-radius-default);
|
|
10626
10675
|
background-color: var(--backgrounds-main);
|
|
10627
10676
|
}
|
|
@@ -10713,6 +10762,10 @@ html:lang(ar) .zen-calendar__year-name {
|
|
|
10713
10762
|
.zen-calendar__table {
|
|
10714
10763
|
width: 100%;
|
|
10715
10764
|
-webkit-touch-callout: none;
|
|
10765
|
+
-webkit-user-select: none;
|
|
10766
|
+
-khtml-user-select: none;
|
|
10767
|
+
-moz-user-select: none;
|
|
10768
|
+
-ms-user-select: none;
|
|
10716
10769
|
user-select: none;
|
|
10717
10770
|
border-collapse: separate;
|
|
10718
10771
|
border-spacing: 0;
|
|
@@ -10768,7 +10821,7 @@ html:lang(ar) .zen-calendar__column {
|
|
|
10768
10821
|
position: absolute;
|
|
10769
10822
|
padding: 0;
|
|
10770
10823
|
margin: 0;
|
|
10771
|
-
|
|
10824
|
+
top: 0;
|
|
10772
10825
|
z-index: 1;
|
|
10773
10826
|
border-color: var(--action-primary--default);
|
|
10774
10827
|
background-color: var(--accents-general--main);
|
|
@@ -10779,7 +10832,7 @@ html:lang(ar) .zen-calendar__column {
|
|
|
10779
10832
|
border: 1px solid var(--action-primary--default);
|
|
10780
10833
|
background-color: var(--accents-general--main);
|
|
10781
10834
|
position: absolute;
|
|
10782
|
-
|
|
10835
|
+
top: 0;
|
|
10783
10836
|
z-index: 1;
|
|
10784
10837
|
width: 2rem;
|
|
10785
10838
|
border-radius: 1.5rem;
|
|
@@ -10800,7 +10853,7 @@ html:lang(ar) .zen-calendar__column {
|
|
|
10800
10853
|
.zen-calendar__month-end {
|
|
10801
10854
|
position: absolute;
|
|
10802
10855
|
height: 1.5rem;
|
|
10803
|
-
|
|
10856
|
+
top: 0;
|
|
10804
10857
|
width: 1rem;
|
|
10805
10858
|
z-index: 1;
|
|
10806
10859
|
border-block: 1px solid var(--action-primary--default);
|
|
@@ -10844,7 +10897,7 @@ html:lang(ar) .zen-calendar__column {
|
|
|
10844
10897
|
height: 1.5rem;
|
|
10845
10898
|
text-align: center;
|
|
10846
10899
|
position: absolute;
|
|
10847
|
-
|
|
10900
|
+
top: 0;
|
|
10848
10901
|
z-index: 2;
|
|
10849
10902
|
border: 1px solid transparent;
|
|
10850
10903
|
}
|
|
@@ -11036,7 +11089,7 @@ html:lang(ar) .zen-calendar__day {
|
|
|
11036
11089
|
text-transform: none;
|
|
11037
11090
|
text-decoration: none;
|
|
11038
11091
|
}
|
|
11039
|
-
@media (width
|
|
11092
|
+
@media (max-width: 520px) {
|
|
11040
11093
|
.zen-calendar .zen-calendar__year {
|
|
11041
11094
|
max-width: calc(100% - 7.875rem);
|
|
11042
11095
|
}
|
|
@@ -11060,7 +11113,7 @@ html:lang(ar) .zen-calendar__day {
|
|
|
11060
11113
|
z-index: 11010;
|
|
11061
11114
|
width: 100%;
|
|
11062
11115
|
}
|
|
11063
|
-
@media (width
|
|
11116
|
+
@media (max-width: 640px) {
|
|
11064
11117
|
.zen-parallel-selection-popup {
|
|
11065
11118
|
width: 100%;
|
|
11066
11119
|
}
|
|
@@ -11111,8 +11164,9 @@ html:lang(ar) .zen-chart__x-axis {
|
|
|
11111
11164
|
--pie-center-label-font-weight: 400;
|
|
11112
11165
|
}
|
|
11113
11166
|
.zen-chart--legend-right {
|
|
11114
|
-
flex-
|
|
11167
|
+
flex-direction: row;
|
|
11115
11168
|
align-items: center;
|
|
11169
|
+
flex-wrap: wrap;
|
|
11116
11170
|
}
|
|
11117
11171
|
.zen-chart--legend-right .zen-chart__chart {
|
|
11118
11172
|
flex: 0 0 auto;
|
|
@@ -11122,7 +11176,8 @@ html:lang(ar) .zen-chart__x-axis {
|
|
|
11122
11176
|
.zen-chart--legend-right .zen-chart__legend {
|
|
11123
11177
|
flex: 1 1 auto;
|
|
11124
11178
|
padding-inline-start: 1rem;
|
|
11125
|
-
overflow:
|
|
11179
|
+
overflow-y: auto;
|
|
11180
|
+
overflow-x: hidden;
|
|
11126
11181
|
}
|
|
11127
11182
|
@container (max-width: 640px) {
|
|
11128
11183
|
.zen-chart--legend-right .zen-chart__chart {
|
|
@@ -11133,7 +11188,7 @@ html:lang(ar) .zen-chart__x-axis {
|
|
|
11133
11188
|
.zen-chart--legend-right .zen-chart__legend {
|
|
11134
11189
|
flex: 0 0 100%;
|
|
11135
11190
|
padding-inline-start: 0;
|
|
11136
|
-
overflow-
|
|
11191
|
+
overflow-y: visible;
|
|
11137
11192
|
}
|
|
11138
11193
|
}
|
|
11139
11194
|
.zen-pie-legend {
|
|
@@ -11245,7 +11300,7 @@ html:lang(ar) .zen-pie-legend__item-percentage {
|
|
|
11245
11300
|
font-size: 1rem;
|
|
11246
11301
|
line-height: 1.125rem;
|
|
11247
11302
|
}
|
|
11248
|
-
@media (width
|
|
11303
|
+
@media (max-width: 640px) {
|
|
11249
11304
|
.zen-pie-legend--drive .zen-pie-legend__item-label,
|
|
11250
11305
|
.zen-pie-legend--drive .zen-pie-legend__item-value,
|
|
11251
11306
|
.zen-pie-legend--drive .zen-pie-legend__item-percentage {
|
|
@@ -11261,6 +11316,7 @@ html:lang(ar) .zen-pie-legend__item-percentage {
|
|
|
11261
11316
|
line-height: 1rem;
|
|
11262
11317
|
text-decoration: none;
|
|
11263
11318
|
box-sizing: border-box;
|
|
11319
|
+
background-color: var(--backgrounds-content-1);
|
|
11264
11320
|
background: var(--backgrounds-main);
|
|
11265
11321
|
border-radius: 8px;
|
|
11266
11322
|
color: var(--text-primary);
|
|
@@ -11308,7 +11364,7 @@ html:lang(ar) .zen-summary__header {
|
|
|
11308
11364
|
border-radius: 50%;
|
|
11309
11365
|
display: inline-block;
|
|
11310
11366
|
height: 0.5rem;
|
|
11311
|
-
margin: 0.125rem;
|
|
11367
|
+
margin: 0.125rem 0.125rem;
|
|
11312
11368
|
min-height: 0.5rem;
|
|
11313
11369
|
min-width: 0.5rem;
|
|
11314
11370
|
padding-inline: 0;
|
|
@@ -11359,20 +11415,6 @@ button.zen-summary__clickable {
|
|
|
11359
11415
|
gap: 0.25rem;
|
|
11360
11416
|
justify-content: start;
|
|
11361
11417
|
}
|
|
11362
|
-
.zen-summary__prefix {
|
|
11363
|
-
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
11364
|
-
font-size: 1.5rem;
|
|
11365
|
-
font-style: normal;
|
|
11366
|
-
font-weight: 400;
|
|
11367
|
-
letter-spacing: 0.02rem;
|
|
11368
|
-
line-height: 2rem;
|
|
11369
|
-
text-transform: none;
|
|
11370
|
-
text-decoration: none;
|
|
11371
|
-
font-feature-settings: "liga" off, "clig" off;
|
|
11372
|
-
}
|
|
11373
|
-
html:lang(ar) .zen-summary__prefix {
|
|
11374
|
-
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
11375
|
-
}
|
|
11376
11418
|
.zen-summary__value,
|
|
11377
11419
|
.zen-summary__unit {
|
|
11378
11420
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -11447,7 +11489,7 @@ html:lang(ar) .zen-summary__content {
|
|
|
11447
11489
|
position: absolute;
|
|
11448
11490
|
z-index: 11100;
|
|
11449
11491
|
border: 1px solid var(--borders-general);
|
|
11450
|
-
box-shadow:
|
|
11492
|
+
box-shadow: 0px 1px 3px 0px rgba(0, 17, 30, 0.15);
|
|
11451
11493
|
}
|
|
11452
11494
|
.zen-chart-tooltip__header {
|
|
11453
11495
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -11496,7 +11538,7 @@ html:lang(ar) .zen-chart-tooltip__subheader {
|
|
|
11496
11538
|
overflow: hidden;
|
|
11497
11539
|
text-overflow: ellipsis;
|
|
11498
11540
|
white-space: nowrap;
|
|
11499
|
-
|
|
11541
|
+
word-wrap: normal;
|
|
11500
11542
|
}
|
|
11501
11543
|
html:lang(ar) .zen-chart-tooltip__label {
|
|
11502
11544
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -11564,29 +11606,29 @@ html:lang(ar) .zen-chart-tooltip__note {
|
|
|
11564
11606
|
}
|
|
11565
11607
|
.zen-chart-tooltip__arrow--top {
|
|
11566
11608
|
inset: -0.375rem auto auto calc(50% - 0.9375rem);
|
|
11567
|
-
/*
|
|
11609
|
+
/*rtl:ignore*/
|
|
11568
11610
|
transform: rotate(45deg);
|
|
11569
11611
|
}
|
|
11570
11612
|
.zen-chart-tooltip__arrow--bottom {
|
|
11571
11613
|
inset: auto auto -0.375rem calc(50% - 0.9375rem);
|
|
11572
|
-
/*
|
|
11614
|
+
/*rtl:ignore*/
|
|
11573
11615
|
transform: rotate(225deg);
|
|
11574
11616
|
}
|
|
11575
11617
|
.zen-chart-tooltip__arrow--right {
|
|
11576
11618
|
inset: calc(50% - 0.9375rem) -0.375rem auto auto;
|
|
11577
|
-
/*
|
|
11619
|
+
/*rtl:ignore*/
|
|
11578
11620
|
transform: rotate(135deg);
|
|
11579
11621
|
}
|
|
11580
11622
|
.zen-chart-tooltip__arrow--left {
|
|
11581
11623
|
inset: calc(50% - 0.9375rem) auto auto -0.375rem;
|
|
11582
|
-
/*
|
|
11624
|
+
/*rtl:ignore*/
|
|
11583
11625
|
transform: rotate(315deg);
|
|
11584
11626
|
}
|
|
11585
11627
|
.zen-chart-insight {
|
|
11586
11628
|
display: flex;
|
|
11587
11629
|
gap: 4px;
|
|
11588
11630
|
max-width: 560px;
|
|
11589
|
-
margin-
|
|
11631
|
+
margin-bottom: 8px;
|
|
11590
11632
|
}
|
|
11591
11633
|
.zen-chart-insight__icon {
|
|
11592
11634
|
fill: var(--text-primary);
|
|
@@ -11608,7 +11650,8 @@ html:lang(ar) .zen-chart-insight__text {
|
|
|
11608
11650
|
}
|
|
11609
11651
|
.zen-legend {
|
|
11610
11652
|
display: flex;
|
|
11611
|
-
gap:
|
|
11653
|
+
column-gap: 16px;
|
|
11654
|
+
row-gap: 8px;
|
|
11612
11655
|
margin: 0;
|
|
11613
11656
|
padding: 0;
|
|
11614
11657
|
flex-wrap: wrap;
|
|
@@ -11645,7 +11688,7 @@ html:lang(ar) .zen-chart-insight__text {
|
|
|
11645
11688
|
overflow: hidden;
|
|
11646
11689
|
text-overflow: ellipsis;
|
|
11647
11690
|
white-space: nowrap;
|
|
11648
|
-
|
|
11691
|
+
word-wrap: normal;
|
|
11649
11692
|
}
|
|
11650
11693
|
html:lang(ar) .zen-legend__item-label {
|
|
11651
11694
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -11677,7 +11720,7 @@ html:lang(ar) .zen-legend__item-value {
|
|
|
11677
11720
|
font-size: 1rem;
|
|
11678
11721
|
line-height: 1.125rem;
|
|
11679
11722
|
}
|
|
11680
|
-
@media (width
|
|
11723
|
+
@media (max-width: 640px) {
|
|
11681
11724
|
.zen-legend.zen-legend--drive .zen-legend-list__item-text {
|
|
11682
11725
|
font-size: 0.875rem;
|
|
11683
11726
|
}
|
|
@@ -11685,7 +11728,8 @@ html:lang(ar) .zen-legend__item-value {
|
|
|
11685
11728
|
.zen-chart-axis {
|
|
11686
11729
|
display: flex;
|
|
11687
11730
|
justify-content: space-between;
|
|
11688
|
-
gap:
|
|
11731
|
+
column-gap: 1rem;
|
|
11732
|
+
row-gap: 0.25rem;
|
|
11689
11733
|
flex-wrap: wrap;
|
|
11690
11734
|
margin: 0 0.625rem;
|
|
11691
11735
|
}
|
|
@@ -11752,7 +11796,7 @@ html:lang(ar) .zen-chart-axis__value {
|
|
|
11752
11796
|
flex-basis: 100%;
|
|
11753
11797
|
justify-content: flex-end;
|
|
11754
11798
|
}
|
|
11755
|
-
@media (width
|
|
11799
|
+
@media (max-width: 640px) {
|
|
11756
11800
|
.zen-chart-axis__item--wide {
|
|
11757
11801
|
flex: 0 0 auto;
|
|
11758
11802
|
}
|
|
@@ -11764,7 +11808,7 @@ html:lang(ar) .zen-chart-axis__value {
|
|
|
11764
11808
|
margin: -1px;
|
|
11765
11809
|
padding: 0;
|
|
11766
11810
|
overflow: hidden;
|
|
11767
|
-
clip
|
|
11811
|
+
clip: rect(0, 0, 0, 0);
|
|
11768
11812
|
border: 0;
|
|
11769
11813
|
}
|
|
11770
11814
|
.zen-columns-filter {
|
|
@@ -11876,9 +11920,6 @@ html:lang(ar) .zen-columns-filter__item {
|
|
|
11876
11920
|
transform: translateX(-88%);
|
|
11877
11921
|
position: absolute;
|
|
11878
11922
|
}
|
|
11879
|
-
[dir="rtl"] .zen-flexible-column .zen-flexible-column__draggable-icon {
|
|
11880
|
-
transform: translateX(88%);
|
|
11881
|
-
}
|
|
11882
11923
|
.zen-flexible-column__draggable {
|
|
11883
11924
|
width: 0.375rem;
|
|
11884
11925
|
height: 100%;
|
|
@@ -11892,6 +11933,7 @@ html:lang(ar) .zen-columns-filter__item {
|
|
|
11892
11933
|
.zen-flexible-column__content {
|
|
11893
11934
|
width: 100%;
|
|
11894
11935
|
text-align: start;
|
|
11936
|
+
-webkit-user-select: none;
|
|
11895
11937
|
user-select: none;
|
|
11896
11938
|
}
|
|
11897
11939
|
.zen-flexible-column:hover .zen-flexible-column__draggable-icon {
|
|
@@ -11924,7 +11966,7 @@ html:lang(ar) .zen-columns-filter__item {
|
|
|
11924
11966
|
.zen-date-input-popup {
|
|
11925
11967
|
width: 17.5rem;
|
|
11926
11968
|
min-width: 17.5rem;
|
|
11927
|
-
overflow-
|
|
11969
|
+
overflow-x: hidden;
|
|
11928
11970
|
}
|
|
11929
11971
|
.zen-date-input-popup__button-clear {
|
|
11930
11972
|
margin-block: 0.5rem 0.25rem;
|
|
@@ -11957,6 +11999,10 @@ html:lang(ar) .zen-date-input-popup__header {
|
|
|
11957
11999
|
padding: 0 0.5rem;
|
|
11958
12000
|
border-block-start: 1px solid var(--backgrounds-content-1);
|
|
11959
12001
|
}
|
|
12002
|
+
.zen-date-input-popup.zen-date-input-popup--drive-tablet {
|
|
12003
|
+
width: 20rem;
|
|
12004
|
+
min-width: 20rem;
|
|
12005
|
+
}
|
|
11960
12006
|
.zen-date-input-popup.zen-date-input-popup--drive .zen-date-input-popup__header {
|
|
11961
12007
|
font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
11962
12008
|
font-size: 1rem;
|
|
@@ -11967,6 +12013,16 @@ html:lang(ar) .zen-date-input-popup__header {
|
|
|
11967
12013
|
text-transform: none;
|
|
11968
12014
|
text-decoration: none;
|
|
11969
12015
|
}
|
|
12016
|
+
.zen-date-input-popup.zen-date-input-popup--drive-tablet .zen-date-input-popup__header {
|
|
12017
|
+
font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
12018
|
+
font-size: 1rem;
|
|
12019
|
+
font-style: normal;
|
|
12020
|
+
font-weight: 700;
|
|
12021
|
+
letter-spacing: 0.02rem;
|
|
12022
|
+
line-height: 1.375rem;
|
|
12023
|
+
text-transform: none;
|
|
12024
|
+
text-decoration: none;
|
|
12025
|
+
}
|
|
11970
12026
|
.zen-date-input-mobile-sheet .zen-mobile-sheet__title {
|
|
11971
12027
|
border-block-end: none;
|
|
11972
12028
|
}
|
|
@@ -12078,7 +12134,7 @@ html:lang(ar) .zen-date-input-inner__control-block {
|
|
|
12078
12134
|
width: 76px;
|
|
12079
12135
|
height: 160px;
|
|
12080
12136
|
}
|
|
12081
|
-
@media (width
|
|
12137
|
+
@media (max-width: 640px) {
|
|
12082
12138
|
.zen-time-select {
|
|
12083
12139
|
width: 100%;
|
|
12084
12140
|
}
|
|
@@ -12112,13 +12168,10 @@ html:lang(ar) .zen-date-input-inner__control-block {
|
|
|
12112
12168
|
.zen-time-picker__trigger--error {
|
|
12113
12169
|
border: 1px solid var(--text-error-message);
|
|
12114
12170
|
}
|
|
12115
|
-
.zen-time-picker__trigger.zen-form-field__input {
|
|
12171
|
+
.zen-time-picker__trigger.zen-form-field__input:not(.zen-time-picker__trigger--full-width) {
|
|
12116
12172
|
width: unset;
|
|
12117
12173
|
}
|
|
12118
|
-
|
|
12119
|
-
width: 100%;
|
|
12120
|
-
}
|
|
12121
|
-
@media (width <= 640px) {
|
|
12174
|
+
@media (max-width: 640px) {
|
|
12122
12175
|
.zen-time-picker__popup {
|
|
12123
12176
|
width: 100%;
|
|
12124
12177
|
}
|
|
@@ -12148,7 +12201,6 @@ html:lang(ar) .zen-date-input-inner__control-block {
|
|
|
12148
12201
|
width: 2rem;
|
|
12149
12202
|
cursor: pointer;
|
|
12150
12203
|
flex-shrink: 0;
|
|
12151
|
-
/* stylelint-disable-next-line selector-not-notation */
|
|
12152
12204
|
}
|
|
12153
12205
|
.zen-date-range-wrapper .zen-date-range__stepper--left {
|
|
12154
12206
|
margin-inline-end: -1px;
|
|
@@ -12225,7 +12277,7 @@ html:lang(ar) .zen-date-input-inner__control-block {
|
|
|
12225
12277
|
overflow: hidden;
|
|
12226
12278
|
text-overflow: ellipsis;
|
|
12227
12279
|
white-space: nowrap;
|
|
12228
|
-
|
|
12280
|
+
word-wrap: normal;
|
|
12229
12281
|
}
|
|
12230
12282
|
.zen-date-range--with-stepper.zen-date-range--with-stepper:hover,
|
|
12231
12283
|
.zen-date-range--with-stepper.zen-date-range--with-stepper:focus {
|
|
@@ -12240,7 +12292,7 @@ html:lang(ar) .zen-date-input-inner__control-block {
|
|
|
12240
12292
|
.zen-date-range-popup {
|
|
12241
12293
|
width: 17.5rem;
|
|
12242
12294
|
min-width: 17.5rem;
|
|
12243
|
-
overflow-
|
|
12295
|
+
overflow-x: hidden;
|
|
12244
12296
|
}
|
|
12245
12297
|
.zen-date-range-popup__button-clear {
|
|
12246
12298
|
margin-block: 0.5rem 0.25rem;
|
|
@@ -12472,8 +12524,8 @@ html:lang(ar) .zen-radio__label {
|
|
|
12472
12524
|
.zen-radio--drive .zen-radio__input::before {
|
|
12473
12525
|
width: 0.875rem;
|
|
12474
12526
|
height: 0.875rem;
|
|
12475
|
-
|
|
12476
|
-
|
|
12527
|
+
top: calc(50% - 0.875rem / 2);
|
|
12528
|
+
left: calc(50% - 0.875rem / 2);
|
|
12477
12529
|
}
|
|
12478
12530
|
.zen-radio__wrapper--mobile .zen-radio__label {
|
|
12479
12531
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -12496,8 +12548,8 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12496
12548
|
.zen-radio__wrapper--mobile .zen-radio__input::before {
|
|
12497
12549
|
width: 0.875rem;
|
|
12498
12550
|
height: 0.875rem;
|
|
12499
|
-
|
|
12500
|
-
|
|
12551
|
+
top: calc(50% - 0.875rem / 2);
|
|
12552
|
+
left: calc(50% - 0.875rem / 2);
|
|
12501
12553
|
}
|
|
12502
12554
|
.zen-radio--drive-tablet .zen-radio__label {
|
|
12503
12555
|
font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -12517,10 +12569,11 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12517
12569
|
.zen-radio--drive-tablet .zen-radio__input::before {
|
|
12518
12570
|
width: 0.875rem;
|
|
12519
12571
|
height: 0.875rem;
|
|
12520
|
-
|
|
12521
|
-
|
|
12572
|
+
top: calc(50% - 0.875rem / 2);
|
|
12573
|
+
left: calc(50% - 0.875rem / 2);
|
|
12522
12574
|
}
|
|
12523
12575
|
.zen-radio__input {
|
|
12576
|
+
-webkit-appearance: none;
|
|
12524
12577
|
appearance: none;
|
|
12525
12578
|
position: relative;
|
|
12526
12579
|
cursor: pointer;
|
|
@@ -12543,8 +12596,8 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12543
12596
|
width: 0.625rem;
|
|
12544
12597
|
height: 0.625rem;
|
|
12545
12598
|
position: absolute;
|
|
12546
|
-
|
|
12547
|
-
|
|
12599
|
+
top: calc(50% - 0.625rem / 2);
|
|
12600
|
+
left: calc(50% - 0.625rem / 2);
|
|
12548
12601
|
border-radius: 50%;
|
|
12549
12602
|
transform: scale(0);
|
|
12550
12603
|
transition: 120ms transform ease-in-out;
|
|
@@ -12627,7 +12680,10 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12627
12680
|
position: absolute;
|
|
12628
12681
|
width: 100%;
|
|
12629
12682
|
height: 100%;
|
|
12630
|
-
|
|
12683
|
+
top: 0;
|
|
12684
|
+
bottom: 0;
|
|
12685
|
+
left: 0;
|
|
12686
|
+
right: 0;
|
|
12631
12687
|
display: flex;
|
|
12632
12688
|
align-items: center;
|
|
12633
12689
|
justify-content: center;
|
|
@@ -12638,7 +12694,10 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12638
12694
|
.zen-dialog__shield {
|
|
12639
12695
|
box-sizing: border-box;
|
|
12640
12696
|
position: absolute;
|
|
12641
|
-
|
|
12697
|
+
top: 0;
|
|
12698
|
+
bottom: 0;
|
|
12699
|
+
left: 0;
|
|
12700
|
+
right: 0;
|
|
12642
12701
|
z-index: 11000;
|
|
12643
12702
|
background-color: var(--backgrounds-hover);
|
|
12644
12703
|
opacity: 0.5;
|
|
@@ -12655,8 +12714,9 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12655
12714
|
background-color: var(--backgrounds-main);
|
|
12656
12715
|
color: var(--text-primary);
|
|
12657
12716
|
padding: 0;
|
|
12658
|
-
box-shadow:
|
|
12659
|
-
max-height:
|
|
12717
|
+
box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
|
|
12718
|
+
max-height: 90vh;
|
|
12719
|
+
max-height: 90dvh;
|
|
12660
12720
|
border-radius: var(--border-radius-default);
|
|
12661
12721
|
overflow: hidden;
|
|
12662
12722
|
}
|
|
@@ -12673,6 +12733,7 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12673
12733
|
}
|
|
12674
12734
|
.zen-dialog-content__header-title {
|
|
12675
12735
|
flex-grow: 2;
|
|
12736
|
+
padding-right: 12px;
|
|
12676
12737
|
padding: 12px 24px;
|
|
12677
12738
|
}
|
|
12678
12739
|
.zen-dialog-content__header-close-button {
|
|
@@ -12680,7 +12741,7 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12680
12741
|
align-items: center;
|
|
12681
12742
|
justify-content: center;
|
|
12682
12743
|
flex-shrink: 0;
|
|
12683
|
-
margin-
|
|
12744
|
+
margin-right: 12px;
|
|
12684
12745
|
width: 24px;
|
|
12685
12746
|
height: 24px;
|
|
12686
12747
|
fill: var(--text-reverse-primary);
|
|
@@ -12704,11 +12765,11 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12704
12765
|
display: flex;
|
|
12705
12766
|
justify-content: space-between;
|
|
12706
12767
|
padding: 12px;
|
|
12707
|
-
border-
|
|
12768
|
+
border-top: 1px solid var(--borders-general);
|
|
12708
12769
|
min-height: auto;
|
|
12709
12770
|
}
|
|
12710
12771
|
.zen-dialog-content__footer-item {
|
|
12711
|
-
margin-
|
|
12772
|
+
margin-right: 8px;
|
|
12712
12773
|
}
|
|
12713
12774
|
.zen-dialog-content--small {
|
|
12714
12775
|
max-width: 400px;
|
|
@@ -12717,47 +12778,49 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12717
12778
|
max-width: 600px;
|
|
12718
12779
|
}
|
|
12719
12780
|
.zen-popup-default {
|
|
12720
|
-
box-shadow:
|
|
12781
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
|
12721
12782
|
border-radius: var(--border-radius-default);
|
|
12722
12783
|
}
|
|
12723
12784
|
.zen-popup-body.zen-popup-body {
|
|
12724
|
-
overflow-
|
|
12785
|
+
overflow-y: auto;
|
|
12725
12786
|
}
|
|
12726
12787
|
.zen-popup-body.zen-popup-body--hidden {
|
|
12727
|
-
overflow-
|
|
12788
|
+
overflow-y: hidden;
|
|
12728
12789
|
}
|
|
12729
12790
|
.zen-alerts {
|
|
12730
12791
|
position: fixed;
|
|
12731
|
-
|
|
12732
|
-
|
|
12792
|
+
top: 0;
|
|
12793
|
+
right: 0;
|
|
12733
12794
|
z-index: 11020;
|
|
12734
12795
|
display: grid;
|
|
12735
12796
|
gap: 16px;
|
|
12736
|
-
margin-
|
|
12737
|
-
padding-
|
|
12797
|
+
margin-top: 48px;
|
|
12798
|
+
padding-right: 24px;
|
|
12738
12799
|
}
|
|
12739
12800
|
.zen-alerts--mobile {
|
|
12740
12801
|
width: 100%;
|
|
12741
12802
|
gap: 8px;
|
|
12742
|
-
margin-
|
|
12743
|
-
padding-
|
|
12803
|
+
margin-top: 40px;
|
|
12804
|
+
padding-right: 12px;
|
|
12805
|
+
padding-left: 12px;
|
|
12744
12806
|
box-sizing: border-box;
|
|
12745
12807
|
}
|
|
12746
12808
|
.zen-toasts {
|
|
12747
12809
|
position: fixed;
|
|
12748
|
-
|
|
12749
|
-
|
|
12810
|
+
bottom: 0;
|
|
12811
|
+
right: 0;
|
|
12750
12812
|
z-index: 11020;
|
|
12751
12813
|
display: grid;
|
|
12752
12814
|
gap: 16px;
|
|
12753
|
-
margin-
|
|
12754
|
-
padding-
|
|
12815
|
+
margin-bottom: 32px;
|
|
12816
|
+
padding-right: 24px;
|
|
12755
12817
|
}
|
|
12756
12818
|
.zen-toasts--mobile {
|
|
12757
12819
|
width: 100%;
|
|
12758
12820
|
gap: 8px;
|
|
12759
|
-
margin-
|
|
12760
|
-
padding-
|
|
12821
|
+
margin-bottom: 16px;
|
|
12822
|
+
padding-right: 12px;
|
|
12823
|
+
padding-left: 12px;
|
|
12761
12824
|
box-sizing: border-box;
|
|
12762
12825
|
}
|
|
12763
12826
|
@keyframes waiting {
|
|
@@ -12771,8 +12834,10 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12771
12834
|
.zen-waiting {
|
|
12772
12835
|
box-sizing: border-box;
|
|
12773
12836
|
position: absolute;
|
|
12774
|
-
|
|
12775
|
-
|
|
12837
|
+
top: 0;
|
|
12838
|
+
bottom: 0;
|
|
12839
|
+
left: 0;
|
|
12840
|
+
right: 0;
|
|
12776
12841
|
overflow: hidden;
|
|
12777
12842
|
z-index: 10005;
|
|
12778
12843
|
}
|
|
@@ -12822,11 +12887,13 @@ html:lang(ar) .zen-waiting__spinner-text {
|
|
|
12822
12887
|
}
|
|
12823
12888
|
.zen-waiting__overlay {
|
|
12824
12889
|
position: absolute;
|
|
12825
|
-
|
|
12826
|
-
|
|
12890
|
+
top: 0;
|
|
12891
|
+
bottom: 0;
|
|
12892
|
+
left: 0;
|
|
12893
|
+
right: 0;
|
|
12827
12894
|
background-color: var(--backgrounds-overlay);
|
|
12828
12895
|
opacity: 0.12;
|
|
12829
|
-
text-align:
|
|
12896
|
+
text-align: left;
|
|
12830
12897
|
overflow: hidden;
|
|
12831
12898
|
}
|
|
12832
12899
|
.zen-waiting__overlay--hidden {
|
|
@@ -12861,7 +12928,7 @@ html:lang(ar) .zen-waiting__spinner-text {
|
|
|
12861
12928
|
max-width: 2.5rem;
|
|
12862
12929
|
max-height: 2.5rem;
|
|
12863
12930
|
}
|
|
12864
|
-
@media (width
|
|
12931
|
+
@media (max-width: 640px) {
|
|
12865
12932
|
.zen-waiting__spinner {
|
|
12866
12933
|
max-width: 2.5rem;
|
|
12867
12934
|
max-height: 2.5rem;
|
|
@@ -13125,7 +13192,7 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13125
13192
|
.zen-file-upload__remove-button {
|
|
13126
13193
|
flex-shrink: 0;
|
|
13127
13194
|
}
|
|
13128
|
-
@media (width
|
|
13195
|
+
@media (max-width: 640px) {
|
|
13129
13196
|
.zen-file-upload--mobile .zen-file-upload__drop-zone-text {
|
|
13130
13197
|
text-align: center;
|
|
13131
13198
|
}
|
|
@@ -13174,7 +13241,7 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13174
13241
|
.zen-filters__main-row {
|
|
13175
13242
|
display: flex;
|
|
13176
13243
|
align-items: center;
|
|
13177
|
-
box-shadow:
|
|
13244
|
+
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
|
|
13178
13245
|
border-radius: 999px;
|
|
13179
13246
|
border: var(--border-width-default) solid var(--borders-general);
|
|
13180
13247
|
background-color: var(--backgrounds-main);
|
|
@@ -13223,7 +13290,7 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13223
13290
|
overflow: hidden;
|
|
13224
13291
|
text-overflow: ellipsis;
|
|
13225
13292
|
white-space: nowrap;
|
|
13226
|
-
|
|
13293
|
+
word-wrap: normal;
|
|
13227
13294
|
}
|
|
13228
13295
|
.zen-filters__select-caption {
|
|
13229
13296
|
width: auto;
|
|
@@ -13309,7 +13376,8 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13309
13376
|
}
|
|
13310
13377
|
.zen-filters-container {
|
|
13311
13378
|
display: flex;
|
|
13312
|
-
flex-
|
|
13379
|
+
flex-direction: row;
|
|
13380
|
+
flex-wrap: wrap;
|
|
13313
13381
|
flex-grow: 1;
|
|
13314
13382
|
min-width: 0;
|
|
13315
13383
|
gap: 0.25rem;
|
|
@@ -13353,7 +13421,8 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13353
13421
|
.zen-filters-container__mobile-scroll-wrapper {
|
|
13354
13422
|
padding: 0.125rem;
|
|
13355
13423
|
display: flex;
|
|
13356
|
-
flex-
|
|
13424
|
+
flex-direction: row;
|
|
13425
|
+
flex-wrap: nowrap;
|
|
13357
13426
|
align-items: center;
|
|
13358
13427
|
gap: 0.5rem;
|
|
13359
13428
|
width: 100%;
|
|
@@ -13427,8 +13496,8 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13427
13496
|
height: 3rem;
|
|
13428
13497
|
}
|
|
13429
13498
|
.zen-groups-filter-menu__groups-box {
|
|
13430
|
-
overflow-
|
|
13431
|
-
overflow-
|
|
13499
|
+
overflow-y: auto;
|
|
13500
|
+
overflow-x: hidden;
|
|
13432
13501
|
max-height: 16.25rem;
|
|
13433
13502
|
}
|
|
13434
13503
|
.zen-groups-filter-menu__groups-list--no-space,
|
|
@@ -13513,7 +13582,7 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13513
13582
|
padding-inline-end: 0;
|
|
13514
13583
|
}
|
|
13515
13584
|
.zen-groups-filter-menu__item--underlined {
|
|
13516
|
-
border-
|
|
13585
|
+
border-bottom: 1px solid;
|
|
13517
13586
|
}
|
|
13518
13587
|
.zen-groups-filter-menu__item--inline {
|
|
13519
13588
|
display: inline-block;
|
|
@@ -13558,7 +13627,7 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13558
13627
|
overflow: hidden;
|
|
13559
13628
|
text-overflow: ellipsis;
|
|
13560
13629
|
white-space: nowrap;
|
|
13561
|
-
|
|
13630
|
+
word-wrap: normal;
|
|
13562
13631
|
}
|
|
13563
13632
|
.zen-groups-filter-menu__advanced-button,
|
|
13564
13633
|
.zen-groups-filter-menu__action-button-home {
|
|
@@ -13666,13 +13735,14 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13666
13735
|
border: none;
|
|
13667
13736
|
outline: none;
|
|
13668
13737
|
padding-inline-end: 0.3125rem;
|
|
13738
|
+
-webkit-appearance: none;
|
|
13669
13739
|
appearance: none;
|
|
13670
13740
|
background-color: inherit;
|
|
13671
13741
|
color: inherit;
|
|
13672
13742
|
overflow: hidden;
|
|
13673
13743
|
text-overflow: ellipsis;
|
|
13674
13744
|
white-space: nowrap;
|
|
13675
|
-
|
|
13745
|
+
word-wrap: normal;
|
|
13676
13746
|
}
|
|
13677
13747
|
.zen-groups-filter .zen-groups-filter__input:hover {
|
|
13678
13748
|
background-color: var(--backgrounds-hover);
|
|
@@ -13699,6 +13769,7 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
|
|
|
13699
13769
|
}
|
|
13700
13770
|
.zen-groups-filter__popup-trigger {
|
|
13701
13771
|
display: flex;
|
|
13772
|
+
border-color: var(--borders-general);
|
|
13702
13773
|
border: 1px solid var(--borders-general);
|
|
13703
13774
|
border-radius: var(--border-radius-default);
|
|
13704
13775
|
justify-content: center;
|
|
@@ -13769,7 +13840,7 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
|
|
|
13769
13840
|
}
|
|
13770
13841
|
.zen-groups-filter__popup.zen-groups-filter__popup {
|
|
13771
13842
|
z-index: 11001;
|
|
13772
|
-
overflow-
|
|
13843
|
+
overflow-y: hidden;
|
|
13773
13844
|
}
|
|
13774
13845
|
.zen-groups-filter__popup.zen-groups-filter__popup.zen-groups-filter__popup--inactive {
|
|
13775
13846
|
z-index: 10999;
|
|
@@ -13800,7 +13871,7 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
|
|
|
13800
13871
|
display: flex;
|
|
13801
13872
|
}
|
|
13802
13873
|
.zen-item-data {
|
|
13803
|
-
padding: 0.75rem 0.75rem 0.6875rem;
|
|
13874
|
+
padding: 0.75rem 0.75rem 0.6875rem 0.75rem;
|
|
13804
13875
|
background-color: var(--backgrounds-main);
|
|
13805
13876
|
border-block-end: 1px solid var(--borders-general);
|
|
13806
13877
|
display: flex;
|
|
@@ -13904,7 +13975,7 @@ html:lang(ar) .zen-item-data__identifier {
|
|
|
13904
13975
|
overflow: hidden;
|
|
13905
13976
|
text-overflow: ellipsis;
|
|
13906
13977
|
white-space: nowrap;
|
|
13907
|
-
|
|
13978
|
+
word-wrap: normal;
|
|
13908
13979
|
color: var(--text-primary);
|
|
13909
13980
|
flex: 1 1 auto;
|
|
13910
13981
|
}
|
|
@@ -13923,7 +13994,7 @@ html:lang(ar) .zen-item-data__name {
|
|
|
13923
13994
|
overflow: hidden;
|
|
13924
13995
|
text-overflow: ellipsis;
|
|
13925
13996
|
white-space: nowrap;
|
|
13926
|
-
|
|
13997
|
+
word-wrap: normal;
|
|
13927
13998
|
color: var(--text-hyperlink);
|
|
13928
13999
|
flex: 1 1 auto;
|
|
13929
14000
|
width: 100%;
|
|
@@ -14174,7 +14245,7 @@ html:lang(ar) .zen-item-data__data-value {
|
|
|
14174
14245
|
flex: 0 0 auto;
|
|
14175
14246
|
}
|
|
14176
14247
|
.zen-list-item-compact {
|
|
14177
|
-
padding: 0.5rem 0 0.4375rem;
|
|
14248
|
+
padding: 0.5rem 0 0.4375rem 0;
|
|
14178
14249
|
background-color: var(--backgrounds-main);
|
|
14179
14250
|
border-block-end: 1px solid var(--borders-general);
|
|
14180
14251
|
display: flex;
|
|
@@ -14204,7 +14275,7 @@ html:lang(ar) .zen-item-data__data-value {
|
|
|
14204
14275
|
overflow: hidden;
|
|
14205
14276
|
text-overflow: ellipsis;
|
|
14206
14277
|
white-space: nowrap;
|
|
14207
|
-
|
|
14278
|
+
word-wrap: normal;
|
|
14208
14279
|
}
|
|
14209
14280
|
html:lang(ar) .zen-list-item-compact__name {
|
|
14210
14281
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -14311,15 +14382,15 @@ html:lang(ar) .zen-list-item-compact__data {
|
|
|
14311
14382
|
max-width: 31.25rem;
|
|
14312
14383
|
}
|
|
14313
14384
|
.zen-list-item {
|
|
14314
|
-
padding: 0.5rem 1rem 0.4375rem;
|
|
14385
|
+
padding: 0.5rem 1rem 0.4375rem 1rem;
|
|
14315
14386
|
background-color: var(--backgrounds-main);
|
|
14316
14387
|
border-block-end: 1px solid var(--borders-general);
|
|
14317
14388
|
display: flex;
|
|
14318
14389
|
gap: 0.5rem;
|
|
14319
14390
|
align-items: center;
|
|
14320
14391
|
width: 100%;
|
|
14321
|
-
box-sizing: border-box;
|
|
14322
14392
|
min-height: 3rem;
|
|
14393
|
+
box-sizing: border-box;
|
|
14323
14394
|
}
|
|
14324
14395
|
.zen-list-item:hover {
|
|
14325
14396
|
background-color: var(--backgrounds-content-1);
|
|
@@ -14366,7 +14437,7 @@ html:lang(ar) .zen-list-item__identifier {
|
|
|
14366
14437
|
overflow: hidden;
|
|
14367
14438
|
text-overflow: ellipsis;
|
|
14368
14439
|
white-space: nowrap;
|
|
14369
|
-
|
|
14440
|
+
word-wrap: normal;
|
|
14370
14441
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
14371
14442
|
font-size: 0.875rem;
|
|
14372
14443
|
font-style: normal;
|
|
@@ -14393,7 +14464,7 @@ html:lang(ar) .zen-list-item__name {
|
|
|
14393
14464
|
overflow: hidden;
|
|
14394
14465
|
text-overflow: ellipsis;
|
|
14395
14466
|
white-space: nowrap;
|
|
14396
|
-
|
|
14467
|
+
word-wrap: normal;
|
|
14397
14468
|
}
|
|
14398
14469
|
html:lang(ar) .zen-list-item__secondary {
|
|
14399
14470
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -14442,7 +14513,7 @@ html:lang(ar) .zen-list-item__secondary {
|
|
|
14442
14513
|
-webkit-line-clamp: 2;
|
|
14443
14514
|
-webkit-box-orient: vertical;
|
|
14444
14515
|
}
|
|
14445
|
-
@media (width
|
|
14516
|
+
@media (max-width: 640px) {
|
|
14446
14517
|
.zen-list-item__identifier {
|
|
14447
14518
|
flex-direction: column;
|
|
14448
14519
|
align-items: initial;
|
|
@@ -14717,7 +14788,7 @@ html:lang(ar) .zen-filters-search-list__header-title {
|
|
|
14717
14788
|
align-items: center;
|
|
14718
14789
|
justify-content: center;
|
|
14719
14790
|
content: "\00d7";
|
|
14720
|
-
|
|
14791
|
+
top: 0;
|
|
14721
14792
|
inset-inline-end: 0.5rem;
|
|
14722
14793
|
width: 1.25rem;
|
|
14723
14794
|
height: 100%;
|
|
@@ -14924,13 +14995,14 @@ html:lang(ar) .zen-search-item-data-wrapper--mobile .zen-search-item-data__secon
|
|
|
14924
14995
|
padding-inline: 1rem;
|
|
14925
14996
|
align-items: center;
|
|
14926
14997
|
height: 3.8125rem;
|
|
14927
|
-
margin-inline: 0.25rem;
|
|
14998
|
+
margin-inline-end: 0.25rem;
|
|
14999
|
+
margin-inline-start: 0.25rem;
|
|
14928
15000
|
}
|
|
14929
15001
|
.zen-page-header__page-name {
|
|
14930
15002
|
overflow: hidden;
|
|
14931
15003
|
text-overflow: ellipsis;
|
|
14932
15004
|
white-space: nowrap;
|
|
14933
|
-
|
|
15005
|
+
word-wrap: normal;
|
|
14934
15006
|
max-width: 41rem;
|
|
14935
15007
|
padding: 0;
|
|
14936
15008
|
margin: 0;
|
|
@@ -14962,7 +15034,8 @@ html:lang(ar) .zen-page-header__page-name {
|
|
|
14962
15034
|
flex: 0 0 auto;
|
|
14963
15035
|
}
|
|
14964
15036
|
.zen-page-header__left-aligned-tool {
|
|
14965
|
-
margin-inline:
|
|
15037
|
+
margin-inline-end: auto;
|
|
15038
|
+
margin-inline-start: 0.375rem;
|
|
14966
15039
|
}
|
|
14967
15040
|
.zen-page-header__sub-line {
|
|
14968
15041
|
align-items: flex-start;
|
|
@@ -15031,7 +15104,6 @@ html:lang(ar) .zen-page-header--new .zen-page-header__main-line {
|
|
|
15031
15104
|
}
|
|
15032
15105
|
.zen-page-header--mobile .zen-page-header__main-line {
|
|
15033
15106
|
gap: 0.25rem;
|
|
15034
|
-
justify-content: initial;
|
|
15035
15107
|
}
|
|
15036
15108
|
.zen-page-header--mobile .zen-page-header__page-name {
|
|
15037
15109
|
max-width: 11.25rem;
|
|
@@ -15073,6 +15145,9 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
|
|
|
15073
15145
|
text-transform: none;
|
|
15074
15146
|
text-decoration: none;
|
|
15075
15147
|
}
|
|
15148
|
+
.zen-page-header--mobile .zen-page-header__main-line {
|
|
15149
|
+
justify-content: initial;
|
|
15150
|
+
}
|
|
15076
15151
|
.zen-tabs {
|
|
15077
15152
|
box-sizing: border-box;
|
|
15078
15153
|
width: 100%;
|
|
@@ -15096,8 +15171,8 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
|
|
|
15096
15171
|
}
|
|
15097
15172
|
.zen-tabs__scrollable {
|
|
15098
15173
|
display: flex;
|
|
15099
|
-
overflow-
|
|
15100
|
-
overflow-
|
|
15174
|
+
overflow-x: auto;
|
|
15175
|
+
overflow-y: hidden;
|
|
15101
15176
|
scrollbar-width: none;
|
|
15102
15177
|
-ms-overflow-style: none;
|
|
15103
15178
|
padding: 0.0625rem;
|
|
@@ -15192,11 +15267,6 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
|
|
|
15192
15267
|
width: 2.875rem;
|
|
15193
15268
|
height: 2.875rem;
|
|
15194
15269
|
}
|
|
15195
|
-
.zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive,
|
|
15196
|
-
.zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive-tablet {
|
|
15197
|
-
width: 3rem;
|
|
15198
|
-
height: 3rem;
|
|
15199
|
-
}
|
|
15200
15270
|
.zen-tabs .zen-tabs__gradient.zen-tabs__gradient--mobile.zen-tabs__gradient--left::after {
|
|
15201
15271
|
position: absolute;
|
|
15202
15272
|
content: "";
|
|
@@ -15215,6 +15285,15 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
|
|
|
15215
15285
|
inset-inline-end: calc(2.875rem - 0.5rem);
|
|
15216
15286
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15217
15287
|
}
|
|
15288
|
+
.zen-tabs.zen-tabs--drive,
|
|
15289
|
+
.zen-tabs.zen-tabs--drive-tablet {
|
|
15290
|
+
height: 3rem;
|
|
15291
|
+
}
|
|
15292
|
+
.zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive,
|
|
15293
|
+
.zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive-tablet {
|
|
15294
|
+
width: 3rem;
|
|
15295
|
+
height: 3rem;
|
|
15296
|
+
}
|
|
15218
15297
|
.zen-tabs .zen-tabs__gradient.zen-tabs__gradient--drive.zen-tabs__gradient--left::after,
|
|
15219
15298
|
.zen-tabs .zen-tabs__gradient.zen-tabs__gradient--drive-tablet.zen-tabs__gradient--left::after {
|
|
15220
15299
|
position: absolute;
|
|
@@ -15235,10 +15314,6 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
|
|
|
15235
15314
|
inset-inline-end: calc(3rem - 0.5rem);
|
|
15236
15315
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15237
15316
|
}
|
|
15238
|
-
.zen-tabs.zen-tabs--drive,
|
|
15239
|
-
.zen-tabs.zen-tabs--drive-tablet {
|
|
15240
|
-
height: 3rem;
|
|
15241
|
-
}
|
|
15242
15317
|
.zen-tab-item {
|
|
15243
15318
|
box-sizing: border-box;
|
|
15244
15319
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -15253,7 +15328,7 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
|
|
|
15253
15328
|
padding: 5px 16px 4px;
|
|
15254
15329
|
height: 34px;
|
|
15255
15330
|
border: none;
|
|
15256
|
-
border-
|
|
15331
|
+
border-bottom: 3px solid transparent;
|
|
15257
15332
|
background-color: transparent;
|
|
15258
15333
|
color: var(--text-secondary);
|
|
15259
15334
|
fill: var(--text-secondary);
|
|
@@ -15267,13 +15342,13 @@ html:lang(ar) .zen-tab-item {
|
|
|
15267
15342
|
}
|
|
15268
15343
|
.zen-tab-item--active {
|
|
15269
15344
|
color: var(--text-hyperlink);
|
|
15270
|
-
border-
|
|
15345
|
+
border-bottom: 3px solid var(--borders-form-field--active);
|
|
15271
15346
|
}
|
|
15272
15347
|
.zen-tab-item.zen-tab-item--disabled {
|
|
15273
15348
|
cursor: default;
|
|
15274
15349
|
color: var(--text-button-disabled);
|
|
15275
15350
|
fill: var(--text-button-disabled);
|
|
15276
|
-
border-
|
|
15351
|
+
border-bottom: 3px solid transparent;
|
|
15277
15352
|
}
|
|
15278
15353
|
.zen-tab-item.zen-tab-item--disabled:hover,
|
|
15279
15354
|
.zen-tab-item.zen-tab-item--disabled:focus {
|
|
@@ -15315,8 +15390,8 @@ html:lang(ar) .zen-tab-item {
|
|
|
15315
15390
|
color: var(--text-reverse-primary);
|
|
15316
15391
|
min-width: 16px;
|
|
15317
15392
|
border-radius: 16px;
|
|
15318
|
-
padding:
|
|
15319
|
-
margin-
|
|
15393
|
+
padding: 0px 4px;
|
|
15394
|
+
margin-left: 8px;
|
|
15320
15395
|
}
|
|
15321
15396
|
html:lang(ar) .zen-tab-item__content-quantity {
|
|
15322
15397
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -15324,7 +15399,7 @@ html:lang(ar) .zen-tab-item__content-quantity {
|
|
|
15324
15399
|
.zen-tab-item__content-icon {
|
|
15325
15400
|
display: flex;
|
|
15326
15401
|
align-items: center;
|
|
15327
|
-
margin-
|
|
15402
|
+
margin-right: 10px;
|
|
15328
15403
|
max-height: 16px;
|
|
15329
15404
|
}
|
|
15330
15405
|
.zen-tab-item__content-icon--active {
|
|
@@ -15342,7 +15417,7 @@ html:lang(ar) .zen-tab-item__content-quantity {
|
|
|
15342
15417
|
overflow: hidden;
|
|
15343
15418
|
text-overflow: ellipsis;
|
|
15344
15419
|
white-space: nowrap;
|
|
15345
|
-
|
|
15420
|
+
word-wrap: normal;
|
|
15346
15421
|
max-width: 130px;
|
|
15347
15422
|
}
|
|
15348
15423
|
html:lang(ar) .zen-tab-item__content-text {
|
|
@@ -15464,8 +15539,8 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
|
|
|
15464
15539
|
}
|
|
15465
15540
|
.zen-filters-toolbar__scrollable {
|
|
15466
15541
|
display: flex;
|
|
15467
|
-
overflow-
|
|
15468
|
-
overflow-
|
|
15542
|
+
overflow-x: auto;
|
|
15543
|
+
overflow-y: hidden;
|
|
15469
15544
|
height: 100%;
|
|
15470
15545
|
scrollbar-width: none;
|
|
15471
15546
|
-ms-overflow-style: none;
|
|
@@ -15507,7 +15582,7 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
|
|
|
15507
15582
|
content: "";
|
|
15508
15583
|
margin-inline-start: -2.5rem;
|
|
15509
15584
|
height: 100%;
|
|
15510
|
-
|
|
15585
|
+
top: 0;
|
|
15511
15586
|
width: 2.5rem;
|
|
15512
15587
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15513
15588
|
}
|
|
@@ -15519,7 +15594,7 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
|
|
|
15519
15594
|
content: "";
|
|
15520
15595
|
margin-inline-start: 2.5rem;
|
|
15521
15596
|
height: 100%;
|
|
15522
|
-
|
|
15597
|
+
top: 0;
|
|
15523
15598
|
width: 2.5rem;
|
|
15524
15599
|
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15525
15600
|
}
|
|
@@ -15619,7 +15694,7 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
|
|
|
15619
15694
|
content: "";
|
|
15620
15695
|
margin-inline-start: 3.5rem;
|
|
15621
15696
|
height: 100%;
|
|
15622
|
-
|
|
15697
|
+
top: 0;
|
|
15623
15698
|
width: 3.25rem;
|
|
15624
15699
|
z-index: 1000;
|
|
15625
15700
|
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
@@ -15634,7 +15709,7 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
|
|
|
15634
15709
|
content: "";
|
|
15635
15710
|
margin-inline-start: -3.25rem;
|
|
15636
15711
|
height: 100%;
|
|
15637
|
-
|
|
15712
|
+
top: 0;
|
|
15638
15713
|
width: 3.25rem;
|
|
15639
15714
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15640
15715
|
}
|
|
@@ -15643,8 +15718,8 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
|
|
|
15643
15718
|
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15644
15719
|
}
|
|
15645
15720
|
.zen-side-panel-parent--open {
|
|
15646
|
-
max-height:
|
|
15647
|
-
overflow-
|
|
15721
|
+
max-height: 100vh;
|
|
15722
|
+
overflow-y: hidden;
|
|
15648
15723
|
}
|
|
15649
15724
|
.zen-filters-bar-dropdown {
|
|
15650
15725
|
box-sizing: border-box;
|
|
@@ -15822,7 +15897,7 @@ html:lang(ar) .zen-range-field {
|
|
|
15822
15897
|
text-decoration: none;
|
|
15823
15898
|
color: var(--text-error-message);
|
|
15824
15899
|
fill: var(--text-error-message);
|
|
15825
|
-
margin-
|
|
15900
|
+
margin-top: 0.25rem;
|
|
15826
15901
|
}
|
|
15827
15902
|
html:lang(ar) .zen-range-field__error {
|
|
15828
15903
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -15863,7 +15938,7 @@ html:lang(ar) .zen-range-field__label--mobile {
|
|
|
15863
15938
|
}
|
|
15864
15939
|
.zen-range-field__input::-webkit-inner-spin-button,
|
|
15865
15940
|
.zen-range-field__input::-webkit-outer-spin-button {
|
|
15866
|
-
appearance: none;
|
|
15941
|
+
-webkit-appearance: none;
|
|
15867
15942
|
margin: 0;
|
|
15868
15943
|
}
|
|
15869
15944
|
.zen-range-field__input--mobile {
|
|
@@ -15882,7 +15957,7 @@ html:lang(ar) .zen-range-field__label--mobile {
|
|
|
15882
15957
|
text-transform: none;
|
|
15883
15958
|
text-decoration: none;
|
|
15884
15959
|
color: var(--text-primary);
|
|
15885
|
-
text-align:
|
|
15960
|
+
text-align: right;
|
|
15886
15961
|
}
|
|
15887
15962
|
html:lang(ar) .zen-range-field__sense {
|
|
15888
15963
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -15933,9 +16008,11 @@ html:lang(ar) .zen-range {
|
|
|
15933
16008
|
min-width: 18.5rem;
|
|
15934
16009
|
max-width: 20.5rem;
|
|
15935
16010
|
display: grid;
|
|
15936
|
-
|
|
16011
|
+
align-items: center;
|
|
16012
|
+
justify-items: start;
|
|
15937
16013
|
grid-template-columns: minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem) minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem);
|
|
15938
|
-
gap: 0.25rem
|
|
16014
|
+
row-gap: 0.25rem;
|
|
16015
|
+
column-gap: 0.5rem;
|
|
15939
16016
|
}
|
|
15940
16017
|
.zen-range__fields-container--column {
|
|
15941
16018
|
min-width: 12.5rem;
|
|
@@ -15944,7 +16021,8 @@ html:lang(ar) .zen-range {
|
|
|
15944
16021
|
grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
|
|
15945
16022
|
grid-template-rows: auto auto;
|
|
15946
16023
|
gap: 0.25rem 0.5rem;
|
|
15947
|
-
|
|
16024
|
+
align-items: center;
|
|
16025
|
+
justify-items: start;
|
|
15948
16026
|
}
|
|
15949
16027
|
.zen-range__trigger-button {
|
|
15950
16028
|
max-width: 12.5rem;
|
|
@@ -15966,8 +16044,8 @@ html:lang(ar) .zen-range {
|
|
|
15966
16044
|
text-transform: none;
|
|
15967
16045
|
text-decoration: none;
|
|
15968
16046
|
color: var(--text-secondary);
|
|
15969
|
-
padding: 0.75rem 1rem 0.6875rem;
|
|
15970
|
-
border-
|
|
16047
|
+
padding: 0.75rem 1rem 0.6875rem 1rem;
|
|
16048
|
+
border-bottom: 1px solid var(--backgrounds-content-1);
|
|
15971
16049
|
}
|
|
15972
16050
|
html:lang(ar) .zen-range__label {
|
|
15973
16051
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -15983,13 +16061,14 @@ html:lang(ar) .zen-range__label {
|
|
|
15983
16061
|
.zen-range__footer {
|
|
15984
16062
|
display: flex;
|
|
15985
16063
|
justify-content: flex-start;
|
|
15986
|
-
border-
|
|
16064
|
+
border-top: var(--border-width-default) solid var(--borders-general);
|
|
15987
16065
|
}
|
|
15988
16066
|
.zen-range__clear-button,
|
|
15989
16067
|
.zen-range__cancel-button,
|
|
15990
16068
|
.zen-range__apply-button {
|
|
15991
16069
|
margin-inline-end: 0.5rem;
|
|
15992
|
-
margin-
|
|
16070
|
+
margin-top: 0.5rem;
|
|
16071
|
+
margin-bottom: 0.25rem;
|
|
15993
16072
|
}
|
|
15994
16073
|
.zen-range__clear-button {
|
|
15995
16074
|
margin-inline-start: 0.5rem;
|
|
@@ -16027,14 +16106,17 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
|
|
|
16027
16106
|
grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
|
|
16028
16107
|
grid-template-rows: auto auto;
|
|
16029
16108
|
gap: 0.25rem 0.5rem;
|
|
16030
|
-
|
|
16109
|
+
align-items: center;
|
|
16110
|
+
justify-items: start;
|
|
16031
16111
|
}
|
|
16032
16112
|
.zen-filters-bar-side-panel-range__items-container--row {
|
|
16033
16113
|
max-width: 18.5rem;
|
|
16034
16114
|
display: grid;
|
|
16035
|
-
|
|
16115
|
+
align-items: center;
|
|
16116
|
+
justify-items: start;
|
|
16036
16117
|
grid-template-columns: minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem) minmax(1.5rem, 2rem) minmax(4rem, 4rem) minmax(1.5rem, 2rem);
|
|
16037
|
-
gap: 0.25rem
|
|
16118
|
+
row-gap: 0.25rem;
|
|
16119
|
+
column-gap: 0.5rem;
|
|
16038
16120
|
}
|
|
16039
16121
|
.zen-filters-bar-side-panel-range__item--column {
|
|
16040
16122
|
min-width: 8.5rem;
|
|
@@ -16064,10 +16146,11 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
|
|
|
16064
16146
|
}
|
|
16065
16147
|
.zen-header-button--with-dropdown.zen-header-button--mobile .zen-caption__pre-content,
|
|
16066
16148
|
.zen-header-button--with-dropdown.zen-header-button--hidden-name .zen-caption__pre-content {
|
|
16067
|
-
margin-
|
|
16149
|
+
margin-right: 0;
|
|
16068
16150
|
}
|
|
16069
16151
|
.zen-header-button--with-dropdown.zen-header-button-with-dropdown--drive-tablet {
|
|
16070
|
-
padding-
|
|
16152
|
+
padding-top: 12px;
|
|
16153
|
+
padding-bottom: 12px;
|
|
16071
16154
|
}
|
|
16072
16155
|
.zen-filters-saved-popup__content {
|
|
16073
16156
|
margin: 1px;
|
|
@@ -16138,12 +16221,12 @@ html:lang(ar) .zen-filters-saved-popup__content {
|
|
|
16138
16221
|
border: none;
|
|
16139
16222
|
color: var(--text-primary);
|
|
16140
16223
|
flex-grow: 1;
|
|
16141
|
-
text-align:
|
|
16224
|
+
text-align: left;
|
|
16142
16225
|
cursor: pointer;
|
|
16143
16226
|
overflow: hidden;
|
|
16144
16227
|
text-overflow: ellipsis;
|
|
16145
16228
|
white-space: nowrap;
|
|
16146
|
-
|
|
16229
|
+
word-wrap: normal;
|
|
16147
16230
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
16148
16231
|
font-size: 0.875rem;
|
|
16149
16232
|
font-style: normal;
|
|
@@ -16408,8 +16491,8 @@ html:lang(ar) .zen-side-panel-filters__title--mobile {
|
|
|
16408
16491
|
fill: var(--text-primary);
|
|
16409
16492
|
}
|
|
16410
16493
|
.zen-side-panel-filters__content {
|
|
16411
|
-
overflow-
|
|
16412
|
-
overflow-
|
|
16494
|
+
overflow-x: hidden;
|
|
16495
|
+
overflow-y: auto;
|
|
16413
16496
|
flex: 1 1 auto;
|
|
16414
16497
|
}
|
|
16415
16498
|
.zen-side-panel-filters__item {
|
|
@@ -16505,13 +16588,13 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
|
|
|
16505
16588
|
display: flex;
|
|
16506
16589
|
flex-direction: column;
|
|
16507
16590
|
height: 100%;
|
|
16508
|
-
overflow-
|
|
16591
|
+
overflow-y: hidden;
|
|
16509
16592
|
}
|
|
16510
16593
|
.zen-side-panel-filters.zen-side-panel-filters {
|
|
16511
16594
|
min-width: 22.5rem;
|
|
16512
16595
|
max-width: 22.5rem;
|
|
16513
16596
|
}
|
|
16514
|
-
@media (width
|
|
16597
|
+
@media (max-width: 640px) {
|
|
16515
16598
|
.zen-side-panel-filters.zen-side-panel-filters {
|
|
16516
16599
|
width: 100%;
|
|
16517
16600
|
max-width: 100%;
|
|
@@ -16523,7 +16606,7 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
|
|
|
16523
16606
|
padding-inline: 1rem;
|
|
16524
16607
|
width: 100%;
|
|
16525
16608
|
box-sizing: border-box;
|
|
16526
|
-
overflow-
|
|
16609
|
+
overflow-x: auto;
|
|
16527
16610
|
flex-shrink: 0;
|
|
16528
16611
|
}
|
|
16529
16612
|
.zen-filters-select-compact__list {
|
|
@@ -16648,7 +16731,8 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
|
|
|
16648
16731
|
padding: 0.0625rem;
|
|
16649
16732
|
width: 100%;
|
|
16650
16733
|
display: flex;
|
|
16651
|
-
flex-
|
|
16734
|
+
flex-direction: row;
|
|
16735
|
+
flex-wrap: nowrap;
|
|
16652
16736
|
}
|
|
16653
16737
|
.zen-filters-select__list-item-wrapper--expanded {
|
|
16654
16738
|
z-index: 2;
|
|
@@ -16835,8 +16919,8 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
|
|
|
16835
16919
|
}
|
|
16836
16920
|
.zen-side-panel-filters-bar__content {
|
|
16837
16921
|
padding-block-start: 0.5rem;
|
|
16838
|
-
overflow-
|
|
16839
|
-
overflow-
|
|
16922
|
+
overflow-x: hidden;
|
|
16923
|
+
overflow-y: auto;
|
|
16840
16924
|
flex: 1 1 auto;
|
|
16841
16925
|
}
|
|
16842
16926
|
.zen-side-panel-filters-bar__apply-button--desktop {
|
|
@@ -16866,13 +16950,13 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
|
|
|
16866
16950
|
display: flex;
|
|
16867
16951
|
flex-direction: column;
|
|
16868
16952
|
height: 100%;
|
|
16869
|
-
overflow-
|
|
16953
|
+
overflow-y: hidden;
|
|
16870
16954
|
}
|
|
16871
16955
|
.zen-side-panel-filters-bar.zen-side-panel-filters-bar {
|
|
16872
16956
|
min-width: 20rem;
|
|
16873
16957
|
max-width: 20rem;
|
|
16874
16958
|
}
|
|
16875
|
-
@media (width
|
|
16959
|
+
@media (max-width: 640px) {
|
|
16876
16960
|
.zen-side-panel-filters-bar.zen-side-panel-filters-bar {
|
|
16877
16961
|
width: 100%;
|
|
16878
16962
|
max-width: 100%;
|
|
@@ -16927,7 +17011,7 @@ html:lang(ar) .zen-form-layout-title {
|
|
|
16927
17011
|
min-width: fit-content;
|
|
16928
17012
|
max-width: fit-content;
|
|
16929
17013
|
}
|
|
16930
|
-
@media (width
|
|
17014
|
+
@media (min-width: 1025px) {
|
|
16931
17015
|
.zen-grid {
|
|
16932
17016
|
display: grid;
|
|
16933
17017
|
grid-template-columns: repeat(12, 1fr);
|
|
@@ -17050,14 +17134,14 @@ html:lang(ar) .zen-form-layout-title {
|
|
|
17050
17134
|
max-width: fit-content;
|
|
17051
17135
|
}
|
|
17052
17136
|
}
|
|
17053
|
-
@media (width
|
|
17137
|
+
@media (min-width: 1440px) {
|
|
17054
17138
|
.zen-grid {
|
|
17055
17139
|
margin: 0 auto;
|
|
17056
17140
|
max-width: 1440px;
|
|
17057
17141
|
width: 100%;
|
|
17058
17142
|
}
|
|
17059
17143
|
}
|
|
17060
|
-
@media (width
|
|
17144
|
+
@media (max-width: 1024px) {
|
|
17061
17145
|
.zen-grid {
|
|
17062
17146
|
display: grid;
|
|
17063
17147
|
grid-template-columns: repeat(8, 1fr);
|
|
@@ -17150,7 +17234,7 @@ html:lang(ar) .zen-form-layout-title {
|
|
|
17150
17234
|
max-width: fit-content;
|
|
17151
17235
|
}
|
|
17152
17236
|
}
|
|
17153
|
-
@media (width
|
|
17237
|
+
@media (max-width: 640px) {
|
|
17154
17238
|
.zen-grid {
|
|
17155
17239
|
margin: 0 0.75rem;
|
|
17156
17240
|
grid-template-columns: repeat(4, 1fr);
|
|
@@ -17252,17 +17336,13 @@ html:lang(ar) .zen-form-layout-secondary {
|
|
|
17252
17336
|
.zen-form-layout {
|
|
17253
17337
|
padding: 0;
|
|
17254
17338
|
grid-template-rows: repeat(auto-fit, minmax(0, max-content));
|
|
17255
|
-
height: max-content;
|
|
17256
17339
|
}
|
|
17257
|
-
.zen-form-layout--has-wrapper {
|
|
17258
|
-
height:
|
|
17340
|
+
.zen-form-layout:not(.zen-form-layout--has-wrapper) {
|
|
17341
|
+
height: max-content;
|
|
17259
17342
|
}
|
|
17260
|
-
.zen-form-layout-stepper {
|
|
17343
|
+
.zen-form-layout-stepper:not(.zen-form-layout-stepper--with-banner) {
|
|
17261
17344
|
margin-block-end: 2.5rem;
|
|
17262
17345
|
}
|
|
17263
|
-
.zen-form-layout-stepper--with-banner {
|
|
17264
|
-
margin-block-end: 0;
|
|
17265
|
-
}
|
|
17266
17346
|
.zen-form-separator {
|
|
17267
17347
|
margin-block: 2rem;
|
|
17268
17348
|
margin-inline: 0;
|
|
@@ -17386,7 +17466,7 @@ html:lang(ar) .zen-form-layout-secondary {
|
|
|
17386
17466
|
.zen-mobile-search-control--expanded {
|
|
17387
17467
|
display: flex;
|
|
17388
17468
|
width: 100%;
|
|
17389
|
-
padding: 6px 12px;
|
|
17469
|
+
padding: 6px 12px 6px;
|
|
17390
17470
|
gap: 8px;
|
|
17391
17471
|
}
|
|
17392
17472
|
.zen-mobile-search-control__search {
|
|
@@ -17397,8 +17477,8 @@ html:lang(ar) .zen-form-layout-secondary {
|
|
|
17397
17477
|
}
|
|
17398
17478
|
.zen-mobile-filter-control__counter-wrapper {
|
|
17399
17479
|
position: absolute;
|
|
17400
|
-
|
|
17401
|
-
|
|
17480
|
+
top: 0;
|
|
17481
|
+
right: 0;
|
|
17402
17482
|
}
|
|
17403
17483
|
.zen-mobile-filter-control__counter {
|
|
17404
17484
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -17431,7 +17511,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
|
|
|
17431
17511
|
display: flex;
|
|
17432
17512
|
justify-content: space-between;
|
|
17433
17513
|
gap: 4px;
|
|
17434
|
-
|
|
17514
|
+
justify-items: center;
|
|
17515
|
+
align-items: center;
|
|
17435
17516
|
height: 56px;
|
|
17436
17517
|
width: 100%;
|
|
17437
17518
|
}
|
|
@@ -17448,7 +17529,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
|
|
|
17448
17529
|
gap: 8px;
|
|
17449
17530
|
align-items: center;
|
|
17450
17531
|
flex-shrink: 0;
|
|
17451
|
-
padding-
|
|
17532
|
+
padding-right: 4px;
|
|
17533
|
+
padding-left: 4px;
|
|
17452
17534
|
height: 100%;
|
|
17453
17535
|
}
|
|
17454
17536
|
.zen-header__section--middle {
|
|
@@ -17549,25 +17631,16 @@ html:lang(ar) .zen-mobile-filter-control__counter {
|
|
|
17549
17631
|
.zen-layout__middle-element {
|
|
17550
17632
|
height: 0;
|
|
17551
17633
|
}
|
|
17552
|
-
.zen-layout .zen-layout__content--full-screen > * {
|
|
17634
|
+
.zen-layout .zen-layout__content--full-screen > *:not(.zen-layout__full-screen-element--visible):not(.zen-layout__full-screen-element--visible *):not([data-full-screen-parent="true"]) {
|
|
17553
17635
|
display: none;
|
|
17554
17636
|
}
|
|
17555
|
-
.zen-layout .zen-layout__content--full-screen > .zen-layout__full-screen-element--visible {
|
|
17556
|
-
display: block;
|
|
17557
|
-
}
|
|
17558
|
-
.zen-layout .zen-layout__content--full-screen > .zen-layout__full-screen-element--visible * {
|
|
17559
|
-
display: initial;
|
|
17560
|
-
}
|
|
17561
|
-
.zen-layout .zen-layout__content--full-screen > [data-full-screen-parent="true"] {
|
|
17562
|
-
display: block;
|
|
17563
|
-
}
|
|
17564
17637
|
.zen-layout .zen-layout__content:has(> :first-child > :first-child .zen-data-grid-actions),
|
|
17565
17638
|
.zen-layout .zen-layout__content:has(> :first-child > :first-child.zen-data-grid-actions),
|
|
17566
17639
|
.zen-layout .zen-layout__content--full-screen:has(.zen-layout__full-screen-element--visible .zen-data-grid-actions) {
|
|
17567
17640
|
padding-block-start: 0;
|
|
17568
17641
|
}
|
|
17569
17642
|
.zen-layout.zen-layout--no-scroll .zen-layout__content {
|
|
17570
|
-
overflow-
|
|
17643
|
+
overflow-y: auto;
|
|
17571
17644
|
}
|
|
17572
17645
|
.zen-card-deck {
|
|
17573
17646
|
box-sizing: border-box;
|
|
@@ -17583,7 +17656,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
|
|
|
17583
17656
|
box-sizing: border-box;
|
|
17584
17657
|
}
|
|
17585
17658
|
.zen-card-deck--mobile {
|
|
17586
|
-
padding-block: 0.125rem
|
|
17659
|
+
padding-block-start: 0.125rem;
|
|
17660
|
+
padding-block-end: 0.0625rem;
|
|
17587
17661
|
padding-inline: 0.75rem;
|
|
17588
17662
|
}
|
|
17589
17663
|
.zen-card-deck__cards {
|
|
@@ -17628,7 +17702,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
|
|
|
17628
17702
|
background-color: transparent;
|
|
17629
17703
|
display: flex;
|
|
17630
17704
|
justify-content: space-between;
|
|
17631
|
-
flex-
|
|
17705
|
+
flex-direction: row;
|
|
17706
|
+
flex-wrap: nowrap;
|
|
17632
17707
|
align-items: flex-start;
|
|
17633
17708
|
gap: 1.5rem;
|
|
17634
17709
|
}
|
|
@@ -17644,7 +17719,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
|
|
|
17644
17719
|
}
|
|
17645
17720
|
.zen-page-header-component__actions {
|
|
17646
17721
|
display: flex;
|
|
17647
|
-
flex-
|
|
17722
|
+
flex-direction: row;
|
|
17723
|
+
flex-wrap: nowrap;
|
|
17648
17724
|
align-items: center;
|
|
17649
17725
|
gap: 0.75rem;
|
|
17650
17726
|
}
|
|
@@ -17673,9 +17749,10 @@ html:lang(ar) .zen-mobile-filter-control__counter {
|
|
|
17673
17749
|
.zen-legend-list--flexible {
|
|
17674
17750
|
display: flex;
|
|
17675
17751
|
gap: 0.625rem;
|
|
17676
|
-
flex-
|
|
17752
|
+
flex-direction: row;
|
|
17677
17753
|
margin: 0;
|
|
17678
17754
|
padding: 0;
|
|
17755
|
+
flex-wrap: wrap;
|
|
17679
17756
|
}
|
|
17680
17757
|
.zen-legend-list__item {
|
|
17681
17758
|
display: flex;
|
|
@@ -17704,7 +17781,7 @@ html:lang(ar) .zen-mobile-filter-control__counter {
|
|
|
17704
17781
|
font-size: 1rem;
|
|
17705
17782
|
line-height: 1.125rem;
|
|
17706
17783
|
}
|
|
17707
|
-
@media (width
|
|
17784
|
+
@media (max-width: 640px) {
|
|
17708
17785
|
.zen-legend-list.zen-legend-list--drive .zen-legend-list__item-text {
|
|
17709
17786
|
font-size: 0.875rem;
|
|
17710
17787
|
}
|
|
@@ -17799,8 +17876,8 @@ html:lang(ar) .zen-mini-tabs {
|
|
|
17799
17876
|
}
|
|
17800
17877
|
.zen-nav__content {
|
|
17801
17878
|
flex: 1 1 auto;
|
|
17802
|
-
overflow-
|
|
17803
|
-
overflow-
|
|
17879
|
+
overflow-y: auto;
|
|
17880
|
+
overflow-x: hidden;
|
|
17804
17881
|
position: relative;
|
|
17805
17882
|
}
|
|
17806
17883
|
.zen-nav__content--has-scrollbar {
|
|
@@ -17859,7 +17936,7 @@ html:lang(ar) .zen-mini-tabs {
|
|
|
17859
17936
|
.zen-nav--mobile {
|
|
17860
17937
|
padding-block: var(--nav-top-bottom-mobile-padding);
|
|
17861
17938
|
padding-inline: var(--nav-left-right-padding);
|
|
17862
|
-
overflow-
|
|
17939
|
+
overflow-y: auto;
|
|
17863
17940
|
gap: 0.5rem;
|
|
17864
17941
|
}
|
|
17865
17942
|
.zen-nav--mobile .zen-nav__content {
|
|
@@ -17873,11 +17950,11 @@ html:lang(ar) .zen-mini-tabs {
|
|
|
17873
17950
|
padding-block: 0.375rem;
|
|
17874
17951
|
}
|
|
17875
17952
|
.zen-nav--mobile-edit {
|
|
17876
|
-
overflow-
|
|
17953
|
+
overflow-y: hidden;
|
|
17877
17954
|
}
|
|
17878
17955
|
.zen-nav--mobile-edit .zen-nav__content {
|
|
17879
17956
|
flex: 1 1 auto;
|
|
17880
|
-
overflow-
|
|
17957
|
+
overflow-y: auto;
|
|
17881
17958
|
}
|
|
17882
17959
|
.zen-nav--collapsed {
|
|
17883
17960
|
padding-inline: var(--nav-left-right-collapsed-padding);
|
|
@@ -17906,7 +17983,6 @@ html:lang(ar) .zen-mini-tabs {
|
|
|
17906
17983
|
background-color: initial;
|
|
17907
17984
|
}
|
|
17908
17985
|
}
|
|
17909
|
-
/* stylelint-disable-next-line selector-not-notation */
|
|
17910
17986
|
.zen-nav-popup.zen-nav-popup:not(.zen-nav-popup .zen-nav-popup):not(.zen-nav-popup--mobile) {
|
|
17911
17987
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
17912
17988
|
font-size: 0.875rem;
|
|
@@ -17916,7 +17992,7 @@ html:lang(ar) .zen-mini-tabs {
|
|
|
17916
17992
|
line-height: 1rem;
|
|
17917
17993
|
text-transform: none;
|
|
17918
17994
|
text-decoration: none;
|
|
17919
|
-
box-shadow:
|
|
17995
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
|
17920
17996
|
border-radius: var(--border-radius-default);
|
|
17921
17997
|
box-sizing: border-box;
|
|
17922
17998
|
max-height: 50rem;
|
|
@@ -17999,14 +18075,13 @@ html:lang(ar) .zen-nav-popup.zen-nav-popup:not(.zen-nav-popup .zen-nav-popup):no
|
|
|
17999
18075
|
html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
|
|
18000
18076
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
18001
18077
|
}
|
|
18002
|
-
.zen-nav-item .zen-nav-item__main {
|
|
18078
|
+
.zen-nav-item:not(.zen-nav-item--collapsed) .zen-nav-item__main {
|
|
18003
18079
|
min-height: 36px;
|
|
18004
18080
|
}
|
|
18005
18081
|
.zen-nav-item--collapsed {
|
|
18006
18082
|
width: auto;
|
|
18007
18083
|
}
|
|
18008
18084
|
.zen-nav-item--collapsed .zen-nav-item__main {
|
|
18009
|
-
min-height: auto;
|
|
18010
18085
|
padding: 0;
|
|
18011
18086
|
width: auto;
|
|
18012
18087
|
display: inline-flex;
|
|
@@ -18019,8 +18094,8 @@ html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
|
|
|
18019
18094
|
.zen-nav-item--collapsed .zen-nav-item__icon--with-counter::before {
|
|
18020
18095
|
content: "";
|
|
18021
18096
|
position: absolute;
|
|
18022
|
-
|
|
18023
|
-
|
|
18097
|
+
top: 4px;
|
|
18098
|
+
right: 4px;
|
|
18024
18099
|
width: 8px;
|
|
18025
18100
|
height: 8px;
|
|
18026
18101
|
background-color: var(--action-destructive--default);
|
|
@@ -18033,12 +18108,12 @@ html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
|
|
|
18033
18108
|
.zen-nav-item--button .zen-nav-item__main {
|
|
18034
18109
|
border: 0;
|
|
18035
18110
|
background: transparent;
|
|
18036
|
-
text-align:
|
|
18111
|
+
text-align: left;
|
|
18037
18112
|
}
|
|
18038
18113
|
.zen-nav-item--link .zen-nav-item__main {
|
|
18039
18114
|
text-decoration: none;
|
|
18040
18115
|
}
|
|
18041
|
-
.zen-nav-item--nested .zen-nav-item__main {
|
|
18116
|
+
.zen-nav-item--nested:not(.zen-nav-item--mobile) .zen-nav-item__main {
|
|
18042
18117
|
min-height: 32px;
|
|
18043
18118
|
border-radius: 4px;
|
|
18044
18119
|
padding: 4px;
|
|
@@ -18085,7 +18160,7 @@ html:lang(ar) .zen-nav-item__main {
|
|
|
18085
18160
|
fill: var(--accents-general--detail);
|
|
18086
18161
|
border-radius: 1rem;
|
|
18087
18162
|
padding: 6px 8px;
|
|
18088
|
-
margin-
|
|
18163
|
+
margin-right: 4px;
|
|
18089
18164
|
display: flex;
|
|
18090
18165
|
align-items: center;
|
|
18091
18166
|
flex: 0 0 auto;
|
|
@@ -18109,7 +18184,7 @@ html:lang(ar) .zen-nav-item__main {
|
|
|
18109
18184
|
overflow: hidden;
|
|
18110
18185
|
text-overflow: ellipsis;
|
|
18111
18186
|
white-space: nowrap;
|
|
18112
|
-
|
|
18187
|
+
word-wrap: normal;
|
|
18113
18188
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
18114
18189
|
font-size: 0.875rem;
|
|
18115
18190
|
font-style: normal;
|
|
@@ -18203,7 +18278,7 @@ html:lang(ar) .zen-nav-item__title-text {
|
|
|
18203
18278
|
display: flex;
|
|
18204
18279
|
align-items: center;
|
|
18205
18280
|
flex: 1 1 100%;
|
|
18206
|
-
margin-
|
|
18281
|
+
margin-bottom: -3px;
|
|
18207
18282
|
/* Adjust for visual centering (compensate y letter shift) */
|
|
18208
18283
|
}
|
|
18209
18284
|
.zen-nav-header--collapsed {
|
|
@@ -18250,7 +18325,7 @@ html:lang(ar) .zen-nav-item__title-text {
|
|
|
18250
18325
|
gap: 8px;
|
|
18251
18326
|
padding: 3px 12px;
|
|
18252
18327
|
background: var(--backgrounds-content-0);
|
|
18253
|
-
border-
|
|
18328
|
+
border-top: 1px solid var(--borders-general);
|
|
18254
18329
|
}
|
|
18255
18330
|
.zen-nav-edit-footer {
|
|
18256
18331
|
display: flex;
|
|
@@ -18261,7 +18336,7 @@ html:lang(ar) .zen-nav-item__title-text {
|
|
|
18261
18336
|
width: calc(50% - 4px);
|
|
18262
18337
|
}
|
|
18263
18338
|
.zen-nav-edit-footer__button--with-margin {
|
|
18264
|
-
margin-
|
|
18339
|
+
margin-bottom: 8px;
|
|
18265
18340
|
}
|
|
18266
18341
|
.zen-nav-edit-footer--mobile {
|
|
18267
18342
|
flex-direction: column;
|
|
@@ -18295,7 +18370,7 @@ html:lang(ar) .zen-nav-edit-list__header {
|
|
|
18295
18370
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
18296
18371
|
}
|
|
18297
18372
|
.zen-nav-edit-list__header--no-gap {
|
|
18298
|
-
margin-
|
|
18373
|
+
margin-bottom: calc(var(--nav-items-gap) * -1);
|
|
18299
18374
|
}
|
|
18300
18375
|
.zen-nav-edit-list .zen-nav-edit-list__item--placeholder {
|
|
18301
18376
|
list-style-type: none;
|
|
@@ -18316,7 +18391,7 @@ html:lang(ar) .zen-nav-edit-list__header {
|
|
|
18316
18391
|
line-height: 1rem;
|
|
18317
18392
|
text-transform: none;
|
|
18318
18393
|
text-decoration: none;
|
|
18319
|
-
box-shadow:
|
|
18394
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
|
18320
18395
|
position: relative;
|
|
18321
18396
|
display: flex;
|
|
18322
18397
|
flex-direction: row;
|
|
@@ -18335,7 +18410,7 @@ html:lang(ar) .zen-push {
|
|
|
18335
18410
|
.zen-push::before {
|
|
18336
18411
|
content: "";
|
|
18337
18412
|
position: absolute;
|
|
18338
|
-
|
|
18413
|
+
top: 0;
|
|
18339
18414
|
inset-inline-start: -0.375rem;
|
|
18340
18415
|
width: 0.4375rem;
|
|
18341
18416
|
height: 100%;
|
|
@@ -18372,7 +18447,7 @@ html:lang(ar) .zen-push__header {
|
|
|
18372
18447
|
text-transform: none;
|
|
18373
18448
|
text-decoration: none;
|
|
18374
18449
|
flex-grow: 1;
|
|
18375
|
-
padding-
|
|
18450
|
+
padding-top: 0.5rem;
|
|
18376
18451
|
display: flex;
|
|
18377
18452
|
flex-direction: column;
|
|
18378
18453
|
}
|
|
@@ -18389,11 +18464,12 @@ html:lang(ar) .zen-push__body {
|
|
|
18389
18464
|
}
|
|
18390
18465
|
.zen-push__text {
|
|
18391
18466
|
font-size: 0.75rem;
|
|
18392
|
-
padding-
|
|
18467
|
+
padding-bottom: 1rem;
|
|
18393
18468
|
}
|
|
18394
18469
|
.zen-push__title {
|
|
18395
18470
|
font-style: normal;
|
|
18396
|
-
padding-
|
|
18471
|
+
padding-bottom: 0.5rem;
|
|
18472
|
+
padding-top: 0.125rem;
|
|
18397
18473
|
}
|
|
18398
18474
|
.zen-push__title--error {
|
|
18399
18475
|
color: var(--accents-error--detail);
|
|
@@ -18585,7 +18661,7 @@ html:lang(ar) .zen-push__body {
|
|
|
18585
18661
|
background-color: var(--accents-warning--detail);
|
|
18586
18662
|
border-color: var(--accents-warning--detail);
|
|
18587
18663
|
}
|
|
18588
|
-
@media (width
|
|
18664
|
+
@media (max-width: 540px) {
|
|
18589
18665
|
.zen-push {
|
|
18590
18666
|
min-width: 9.375rem;
|
|
18591
18667
|
}
|
|
@@ -18679,7 +18755,7 @@ html:lang(ar) .zen-overview__label {
|
|
|
18679
18755
|
color: var(--text-primary);
|
|
18680
18756
|
align-items: center;
|
|
18681
18757
|
justify-content: space-between;
|
|
18682
|
-
padding: 0.25rem 0.75rem;
|
|
18758
|
+
padding: 0.25rem 0.75rem 0.25rem 0.75rem;
|
|
18683
18759
|
border-radius: 1.875rem;
|
|
18684
18760
|
background: var(--backgrounds-content-1);
|
|
18685
18761
|
}
|
|
@@ -18753,7 +18829,7 @@ html:lang(ar) .zen-pill {
|
|
|
18753
18829
|
fill: var(--accents-general--main);
|
|
18754
18830
|
}
|
|
18755
18831
|
.zen-pill--closable {
|
|
18756
|
-
padding-
|
|
18832
|
+
padding-right: 0.25rem;
|
|
18757
18833
|
}
|
|
18758
18834
|
.zen-pill--long {
|
|
18759
18835
|
min-width: 12.5rem;
|
|
@@ -18770,7 +18846,7 @@ html:lang(ar) .zen-pill {
|
|
|
18770
18846
|
border-radius: 0.9375rem;
|
|
18771
18847
|
padding: 0;
|
|
18772
18848
|
margin: 0;
|
|
18773
|
-
margin-
|
|
18849
|
+
margin-left: 8px;
|
|
18774
18850
|
cursor: pointer;
|
|
18775
18851
|
}
|
|
18776
18852
|
.zen-pill__close-button:active,
|
|
@@ -18790,8 +18866,8 @@ html:lang(ar) .zen-pill {
|
|
|
18790
18866
|
}
|
|
18791
18867
|
.zen-page-layout {
|
|
18792
18868
|
box-sizing: border-box;
|
|
18793
|
-
overflow-
|
|
18794
|
-
overflow-
|
|
18869
|
+
overflow-x: hidden;
|
|
18870
|
+
overflow-y: auto;
|
|
18795
18871
|
z-index: 1000;
|
|
18796
18872
|
margin: 0;
|
|
18797
18873
|
touch-action: manipulation;
|
|
@@ -18871,7 +18947,7 @@ html:lang(ar) .zen-page-section__title {
|
|
|
18871
18947
|
color: var(--text-primary);
|
|
18872
18948
|
align-items: center;
|
|
18873
18949
|
justify-content: space-between;
|
|
18874
|
-
padding: 0.25rem 0.75rem;
|
|
18950
|
+
padding: 0.25rem 0.75rem 0.25rem 0.75rem;
|
|
18875
18951
|
border-radius: 1.875rem;
|
|
18876
18952
|
background: var(--backgrounds-content-1);
|
|
18877
18953
|
}
|
|
@@ -18880,12 +18956,12 @@ html:lang(ar) .zen-pill-actionable__block {
|
|
|
18880
18956
|
}
|
|
18881
18957
|
.zen-pill-actionable__icon {
|
|
18882
18958
|
display: none;
|
|
18883
|
-
margin-
|
|
18884
|
-
margin-
|
|
18959
|
+
margin-top: 2px;
|
|
18960
|
+
margin-right: 8px;
|
|
18885
18961
|
}
|
|
18886
18962
|
.zen-pill-actionable__input {
|
|
18887
18963
|
position: absolute;
|
|
18888
|
-
|
|
18964
|
+
left: -5000px;
|
|
18889
18965
|
}
|
|
18890
18966
|
.zen-pill-actionable__input:hover + .zen-pill-actionable__block--actionable {
|
|
18891
18967
|
background-color: var(--backgrounds-content-2);
|
|
@@ -18948,6 +19024,7 @@ html:lang(ar) .zen-pill-actionable__block {
|
|
|
18948
19024
|
.zen-sort-container__button {
|
|
18949
19025
|
display: flex;
|
|
18950
19026
|
padding: 0.4375rem 1rem;
|
|
19027
|
+
border-color: var(--borders-general);
|
|
18951
19028
|
border: 1px solid var(--borders-general);
|
|
18952
19029
|
border-radius: var(--border-radius-default);
|
|
18953
19030
|
justify-content: center;
|
|
@@ -19075,12 +19152,9 @@ html:lang(ar) .zen-sort-container__text-block {
|
|
|
19075
19152
|
html:lang(ar) .zen-stepper-field {
|
|
19076
19153
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
19077
19154
|
}
|
|
19078
|
-
.zen-stepper-field:hover .zen-stepper-field__controls {
|
|
19155
|
+
.zen-stepper-field:not(.zen-stepper-field--disabled):hover .zen-stepper-field__controls {
|
|
19079
19156
|
visibility: visible;
|
|
19080
19157
|
}
|
|
19081
|
-
.zen-stepper-field--disabled:hover .zen-stepper-field__controls {
|
|
19082
|
-
visibility: hidden;
|
|
19083
|
-
}
|
|
19084
19158
|
.zen-stepper-field__input-wrapper {
|
|
19085
19159
|
position: relative;
|
|
19086
19160
|
}
|
|
@@ -19095,7 +19169,7 @@ html:lang(ar) .zen-stepper-field {
|
|
|
19095
19169
|
width: 1rem;
|
|
19096
19170
|
height: 1rem;
|
|
19097
19171
|
position: absolute;
|
|
19098
|
-
|
|
19172
|
+
top: 0.375rem;
|
|
19099
19173
|
}
|
|
19100
19174
|
.zen-stepper-field__controls:not(:hover),
|
|
19101
19175
|
.zen-stepper-field__controls:not(:active) {
|
|
@@ -19113,11 +19187,11 @@ html:lang(ar) .zen-stepper-field {
|
|
|
19113
19187
|
}
|
|
19114
19188
|
.zen-stepper-field__input::-webkit-outer-spin-button,
|
|
19115
19189
|
.zen-stepper-field__input::-webkit-inner-spin-button {
|
|
19116
|
-
appearance: none;
|
|
19190
|
+
-webkit-appearance: none;
|
|
19117
19191
|
margin: 0;
|
|
19118
19192
|
}
|
|
19119
19193
|
.zen-stepper-field__input[type="number"] {
|
|
19120
|
-
appearance: textfield;
|
|
19194
|
+
-moz-appearance: textfield;
|
|
19121
19195
|
}
|
|
19122
19196
|
.zen-stepper-field__input:hover:not(:disabled) + .zen-stepper-field__controls,
|
|
19123
19197
|
.zen-stepper-field__input:active:not(:disabled) + .zen-stepper-field__controls {
|
|
@@ -19157,12 +19231,15 @@ html:lang(ar) .zen-stepper-field {
|
|
|
19157
19231
|
.zen-stepper-field.zen-stepper-field--drive-tablet .zen-stepper-field__controls {
|
|
19158
19232
|
width: 1.25rem;
|
|
19159
19233
|
height: 1.25rem;
|
|
19160
|
-
inset-block-start: 0.875rem;
|
|
19161
19234
|
}
|
|
19162
19235
|
.zen-stepper-field.zen-stepper-field--drive .zen-stepper-field__input,
|
|
19163
19236
|
.zen-stepper-field.zen-stepper-field--drive-tablet .zen-stepper-field__input {
|
|
19164
19237
|
min-height: 3rem;
|
|
19165
19238
|
}
|
|
19239
|
+
.zen-stepper-field.zen-stepper-field--drive .zen-stepper-field__controls,
|
|
19240
|
+
.zen-stepper-field.zen-stepper-field--drive-tablet .zen-stepper-field__controls {
|
|
19241
|
+
top: 0.875rem;
|
|
19242
|
+
}
|
|
19166
19243
|
.zen-stepper-field.zen-stepper-field--drive.zen-stepper-field--drive .zen-text-input,
|
|
19167
19244
|
.zen-stepper-field.zen-stepper-field--drive-tablet.zen-stepper-field--drive .zen-text-input {
|
|
19168
19245
|
padding-inline-end: 1.625rem;
|
|
@@ -19187,31 +19264,38 @@ html:lang(ar) .zen-stepper-field.zen-stepper-field--mobile {
|
|
|
19187
19264
|
.zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__controls {
|
|
19188
19265
|
width: 1.25rem;
|
|
19189
19266
|
height: 1.25rem;
|
|
19190
|
-
inset-block-start: 0.875rem;
|
|
19191
19267
|
}
|
|
19192
19268
|
.zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__input {
|
|
19193
19269
|
min-height: 3rem;
|
|
19194
19270
|
}
|
|
19271
|
+
.zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__controls {
|
|
19272
|
+
top: 0.875rem;
|
|
19273
|
+
}
|
|
19195
19274
|
.zen-stepper-field.zen-stepper-field--mobile.zen-stepper-field--mobile .zen-text-input {
|
|
19196
19275
|
padding-inline-end: 1.625rem;
|
|
19197
19276
|
}
|
|
19198
19277
|
.zen-summaries__row {
|
|
19199
19278
|
display: flex;
|
|
19200
19279
|
align-items: top;
|
|
19201
|
-
flex-
|
|
19202
|
-
|
|
19280
|
+
flex-direction: row;
|
|
19281
|
+
flex-wrap: wrap;
|
|
19282
|
+
row-gap: 2rem;
|
|
19283
|
+
column-gap: 3.5rem;
|
|
19203
19284
|
}
|
|
19204
19285
|
.zen-summaries__column,
|
|
19205
19286
|
.zen-summaries__two-columns {
|
|
19206
19287
|
display: flex;
|
|
19207
|
-
flex-
|
|
19288
|
+
flex-direction: column;
|
|
19289
|
+
flex-wrap: wrap;
|
|
19208
19290
|
align-items: flex-start;
|
|
19209
|
-
gap: 2rem;
|
|
19210
|
-
|
|
19291
|
+
row-gap: 2rem;
|
|
19292
|
+
column-gap: 2rem;
|
|
19293
|
+
max-height: 100vh;
|
|
19211
19294
|
}
|
|
19212
19295
|
.zen-summaries__two-columns-container {
|
|
19213
19296
|
display: flex;
|
|
19214
|
-
gap: 2rem;
|
|
19297
|
+
row-gap: 2rem;
|
|
19298
|
+
column-gap: 2rem;
|
|
19215
19299
|
}
|
|
19216
19300
|
.zen-tab-bar-content {
|
|
19217
19301
|
box-sizing: border-box;
|
|
@@ -19268,7 +19352,7 @@ html:lang(ar) .zen-tab-bar-content {
|
|
|
19268
19352
|
padding: 0.75rem;
|
|
19269
19353
|
background-color: var(--backgrounds-content-1);
|
|
19270
19354
|
width: 100%;
|
|
19271
|
-
overflow-
|
|
19355
|
+
overflow-x: hidden;
|
|
19272
19356
|
}
|
|
19273
19357
|
.zen-toolbar * {
|
|
19274
19358
|
box-sizing: border-box;
|
|
@@ -19352,8 +19436,8 @@ html:lang(ar) .zen-toolbar__trigger-button {
|
|
|
19352
19436
|
text-transform: none;
|
|
19353
19437
|
text-decoration: none;
|
|
19354
19438
|
box-sizing: border-box;
|
|
19355
|
-
--
|
|
19356
|
-
--
|
|
19439
|
+
--backgroundSwitcher: var(--action-primary--default);
|
|
19440
|
+
--backgroundRunner: var(--backgrounds-main);
|
|
19357
19441
|
display: flex;
|
|
19358
19442
|
align-items: center;
|
|
19359
19443
|
}
|
|
@@ -19399,7 +19483,7 @@ html:lang(ar) .zen-two-options-switcher {
|
|
|
19399
19483
|
min-height: 1rem;
|
|
19400
19484
|
border-radius: 1rem;
|
|
19401
19485
|
padding: 0.125rem;
|
|
19402
|
-
background-color: var(--
|
|
19486
|
+
background-color: var(--backgroundSwitcher);
|
|
19403
19487
|
overflow: visible;
|
|
19404
19488
|
position: relative;
|
|
19405
19489
|
cursor: pointer;
|
|
@@ -19413,8 +19497,8 @@ html:lang(ar) .zen-two-options-switcher {
|
|
|
19413
19497
|
min-height: 1.625rem;
|
|
19414
19498
|
border-radius: 50%;
|
|
19415
19499
|
opacity: 0.4;
|
|
19416
|
-
|
|
19417
|
-
background-color: var(--
|
|
19500
|
+
top: -0.3125rem;
|
|
19501
|
+
background-color: var(--backgroundSwitcher);
|
|
19418
19502
|
inset-inline-start: -0.3125rem;
|
|
19419
19503
|
}
|
|
19420
19504
|
.zen-two-options-switcher-control__runner {
|
|
@@ -19423,7 +19507,7 @@ html:lang(ar) .zen-two-options-switcher {
|
|
|
19423
19507
|
height: 0.75rem;
|
|
19424
19508
|
min-height: 0.75rem;
|
|
19425
19509
|
border-radius: 50%;
|
|
19426
|
-
background-color: var(--
|
|
19510
|
+
background-color: var(--backgroundRunner);
|
|
19427
19511
|
}
|
|
19428
19512
|
.zen-two-options-switcher-control--disabled {
|
|
19429
19513
|
opacity: 0.6;
|