@geotab/zenith 3.14.0-beta.1 → 3.14.0-beta.3
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 -3
- 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/rangeFieldMixin.less +6 -3
- package/dist/commonStyles/shadows/shadows.less +3 -3
- package/dist/commonStyles/typography/typography.less +4 -4
- package/dist/index.css +476 -372
- package/dist/table/table.js +7 -5
- package/esm/table/table.js +7 -5
- 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");
|
|
@@ -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 {
|
|
@@ -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;
|
|
@@ -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);
|
|
@@ -3370,8 +3382,10 @@ html:lang(ar) .zen-tooltip__title {
|
|
|
3370
3382
|
.zen-shield {
|
|
3371
3383
|
box-sizing: border-box;
|
|
3372
3384
|
position: fixed;
|
|
3373
|
-
|
|
3374
|
-
|
|
3385
|
+
top: 0;
|
|
3386
|
+
bottom: 0;
|
|
3387
|
+
left: 0;
|
|
3388
|
+
right: 0;
|
|
3375
3389
|
z-index: 10006;
|
|
3376
3390
|
background-color: #000;
|
|
3377
3391
|
opacity: 0.1;
|
|
@@ -3415,7 +3429,7 @@ html:lang(ar) .zen-tooltip__title {
|
|
|
3415
3429
|
justify-content: center;
|
|
3416
3430
|
}
|
|
3417
3431
|
.zen-text-icon-button .zen-caption__content {
|
|
3418
|
-
margin-
|
|
3432
|
+
margin-right: 0;
|
|
3419
3433
|
}
|
|
3420
3434
|
.zen-field-label {
|
|
3421
3435
|
display: flex;
|
|
@@ -3465,7 +3479,6 @@ html:lang(ar) .zen-field-label__text {
|
|
|
3465
3479
|
}
|
|
3466
3480
|
.zen-card-container--absolute {
|
|
3467
3481
|
flex-shrink: 0;
|
|
3468
|
-
min-width: unset;
|
|
3469
3482
|
}
|
|
3470
3483
|
.zen-card-container--extra-extra-large {
|
|
3471
3484
|
min-height: 26.125rem;
|
|
@@ -3813,7 +3826,8 @@ html:lang(ar) .zen-card__secondary {
|
|
|
3813
3826
|
overflow: hidden;
|
|
3814
3827
|
}
|
|
3815
3828
|
.zen-card__content--overflow-scroll {
|
|
3816
|
-
overflow: hidden
|
|
3829
|
+
overflow-x: hidden;
|
|
3830
|
+
overflow-y: auto;
|
|
3817
3831
|
}
|
|
3818
3832
|
.zen-card__header-right {
|
|
3819
3833
|
margin-inline-start: auto;
|
|
@@ -3979,7 +3993,8 @@ html:lang(ar) .zen-menu-button__action {
|
|
|
3979
3993
|
overflow: hidden;
|
|
3980
3994
|
text-overflow: ellipsis;
|
|
3981
3995
|
white-space: nowrap;
|
|
3982
|
-
margin-inline: 0
|
|
3996
|
+
margin-inline-start: 0;
|
|
3997
|
+
margin-inline-end: auto;
|
|
3983
3998
|
}
|
|
3984
3999
|
.zen-menu-button__action--drive,
|
|
3985
4000
|
.zen-menu-button__action--drive-tablet {
|
|
@@ -4034,13 +4049,13 @@ html:lang(ar) .zen-menu-button__action {
|
|
|
4034
4049
|
line-height: 1rem;
|
|
4035
4050
|
text-transform: none;
|
|
4036
4051
|
text-decoration: none;
|
|
4037
|
-
box-shadow:
|
|
4052
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
|
4038
4053
|
border-radius: var(--border-radius-default);
|
|
4039
4054
|
box-sizing: border-box;
|
|
4040
4055
|
background-color: var(--backgrounds-main);
|
|
4041
4056
|
padding: 0.25rem 0;
|
|
4042
|
-
max-height:
|
|
4043
|
-
border:
|
|
4057
|
+
max-height: 90vh;
|
|
4058
|
+
border: 0px;
|
|
4044
4059
|
min-height: 1.875rem;
|
|
4045
4060
|
min-width: 10.625rem;
|
|
4046
4061
|
max-width: 26.25rem;
|
|
@@ -4063,7 +4078,7 @@ html:lang(ar) .zen-popup {
|
|
|
4063
4078
|
}
|
|
4064
4079
|
.zen-popup--block {
|
|
4065
4080
|
padding: 0.25rem 0;
|
|
4066
|
-
box-shadow:
|
|
4081
|
+
box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
|
|
4067
4082
|
border-radius: var(--border-radius-default);
|
|
4068
4083
|
}
|
|
4069
4084
|
@media (max-width: 640px) {
|
|
@@ -4072,8 +4087,9 @@ html:lang(ar) .zen-popup {
|
|
|
4072
4087
|
}
|
|
4073
4088
|
}
|
|
4074
4089
|
.zen-menu-separator {
|
|
4075
|
-
list-style-type: none;
|
|
4076
4090
|
border-block-start: 1px solid var(--borders-general);
|
|
4091
|
+
list-style-type: none;
|
|
4092
|
+
border-top: 1px solid var(--borders-general);
|
|
4077
4093
|
height: 0;
|
|
4078
4094
|
}
|
|
4079
4095
|
.zen-side-panel {
|
|
@@ -4127,7 +4143,8 @@ html:lang(ar) .zen-side-panel {
|
|
|
4127
4143
|
display: flex;
|
|
4128
4144
|
}
|
|
4129
4145
|
.zen-side-panel--left-positioned {
|
|
4130
|
-
inset-inline: 0
|
|
4146
|
+
inset-inline-start: 0;
|
|
4147
|
+
inset-inline-end: auto;
|
|
4131
4148
|
transform: translateX(-100%);
|
|
4132
4149
|
border-start-start-radius: 0;
|
|
4133
4150
|
border-end-start-radius: 0;
|
|
@@ -4167,7 +4184,8 @@ html:lang(ar) .zen-side-panel {
|
|
|
4167
4184
|
border-start-end-radius: var(--border-radius-default);
|
|
4168
4185
|
border-end-end-radius: 0;
|
|
4169
4186
|
transform: translateY(100%);
|
|
4170
|
-
inset-block: auto
|
|
4187
|
+
inset-block-start: auto;
|
|
4188
|
+
inset-block-end: 0;
|
|
4171
4189
|
}
|
|
4172
4190
|
.zen-side-panel.zen-side-panel--bottom-positioned.zen-side-panel--shown {
|
|
4173
4191
|
transform: translateY(0);
|
|
@@ -4209,18 +4227,21 @@ html:lang(ar) .zen-side-panel {
|
|
|
4209
4227
|
text-transform: none;
|
|
4210
4228
|
text-decoration: none;
|
|
4211
4229
|
color: var(--text-primary);
|
|
4212
|
-
margin-block: 0
|
|
4230
|
+
margin-block-start: 0;
|
|
4213
4231
|
margin-inline: 0;
|
|
4232
|
+
margin-block-end: 1rem;
|
|
4214
4233
|
}
|
|
4215
4234
|
html:lang(ar) .zen-side-panel-cell__title {
|
|
4216
4235
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
4217
4236
|
}
|
|
4218
4237
|
.zen-side-panel-cell__footer {
|
|
4219
|
-
margin-block: 1rem
|
|
4238
|
+
margin-block-start: 1rem;
|
|
4220
4239
|
margin-inline: 0;
|
|
4240
|
+
margin-block-end: 0;
|
|
4221
4241
|
}
|
|
4222
4242
|
.zen-side-panel-cell--no-padding {
|
|
4223
|
-
padding-inline: 0;
|
|
4243
|
+
padding-inline-start: 0;
|
|
4244
|
+
padding-inline-end: 0;
|
|
4224
4245
|
}
|
|
4225
4246
|
.zen-side-panel-cell--no-padding .zen-side-panel-cell__title {
|
|
4226
4247
|
padding-inline-start: 1rem;
|
|
@@ -4348,7 +4369,7 @@ html:lang(ar) .zen-toast__header {
|
|
|
4348
4369
|
overflow: hidden;
|
|
4349
4370
|
text-overflow: ellipsis;
|
|
4350
4371
|
white-space: nowrap;
|
|
4351
|
-
|
|
4372
|
+
word-wrap: normal;
|
|
4352
4373
|
justify-self: end;
|
|
4353
4374
|
}
|
|
4354
4375
|
.zen-toast__progress {
|
|
@@ -4356,7 +4377,7 @@ html:lang(ar) .zen-toast__header {
|
|
|
4356
4377
|
transition: width 0.3s linear;
|
|
4357
4378
|
}
|
|
4358
4379
|
.zen-toast__progress--active {
|
|
4359
|
-
border-radius: 4px 0 0;
|
|
4380
|
+
border-radius: 4px 0 0 0;
|
|
4360
4381
|
}
|
|
4361
4382
|
.zen-toast__progress--info {
|
|
4362
4383
|
background-color: var(--accents-general--detail);
|
|
@@ -4374,7 +4395,7 @@ html:lang(ar) .zen-toast__header {
|
|
|
4374
4395
|
line-height: 1.75rem;
|
|
4375
4396
|
text-transform: none;
|
|
4376
4397
|
text-decoration: none;
|
|
4377
|
-
box-shadow:
|
|
4398
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
|
4378
4399
|
position: relative;
|
|
4379
4400
|
display: flex;
|
|
4380
4401
|
flex-direction: row;
|
|
@@ -4399,7 +4420,7 @@ html:lang(ar) .zen-alert {
|
|
|
4399
4420
|
.zen-alert::before {
|
|
4400
4421
|
content: "";
|
|
4401
4422
|
position: absolute;
|
|
4402
|
-
|
|
4423
|
+
top: 0;
|
|
4403
4424
|
inset-inline-start: -0.25rem;
|
|
4404
4425
|
width: 0.5rem;
|
|
4405
4426
|
height: 100%;
|
|
@@ -4444,7 +4465,7 @@ html:lang(ar) .zen-alert__body {
|
|
|
4444
4465
|
overflow: hidden;
|
|
4445
4466
|
text-overflow: ellipsis;
|
|
4446
4467
|
white-space: nowrap;
|
|
4447
|
-
|
|
4468
|
+
word-wrap: normal;
|
|
4448
4469
|
}
|
|
4449
4470
|
.zen-alert__text {
|
|
4450
4471
|
display: -webkit-box;
|
|
@@ -4462,7 +4483,7 @@ html:lang(ar) .zen-alert__body {
|
|
|
4462
4483
|
-webkit-box-orient: vertical;
|
|
4463
4484
|
overflow: hidden;
|
|
4464
4485
|
text-overflow: ellipsis;
|
|
4465
|
-
padding-
|
|
4486
|
+
padding-top: 0.125rem;
|
|
4466
4487
|
color: var(--text-primary);
|
|
4467
4488
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
4468
4489
|
font-size: 0.875rem;
|
|
@@ -4588,7 +4609,7 @@ html:lang(ar) .zen-alert__title {
|
|
|
4588
4609
|
text-decoration: none;
|
|
4589
4610
|
}
|
|
4590
4611
|
.zen-alert--drive .zen-alert__icon {
|
|
4591
|
-
padding-
|
|
4612
|
+
padding-top: 0.125rem;
|
|
4592
4613
|
}
|
|
4593
4614
|
.zen-alert--mobile {
|
|
4594
4615
|
max-width: 100%;
|
|
@@ -4639,7 +4660,8 @@ html:lang(ar) .zen-alert__title {
|
|
|
4639
4660
|
text-decoration: none;
|
|
4640
4661
|
color: var(--text-secondary);
|
|
4641
4662
|
padding-block: 0.75rem;
|
|
4642
|
-
padding-inline: 0.75rem
|
|
4663
|
+
padding-inline-start: 0.75rem;
|
|
4664
|
+
padding-inline-end: 0.5rem;
|
|
4643
4665
|
display: flex;
|
|
4644
4666
|
justify-content: space-between;
|
|
4645
4667
|
align-items: center;
|
|
@@ -4750,10 +4772,12 @@ html:lang(ar) .zen-mobile-sheet__title {
|
|
|
4750
4772
|
z-index: 11007;
|
|
4751
4773
|
}
|
|
4752
4774
|
.zen-card-button--drive-tablet {
|
|
4753
|
-
padding-block: 0.75rem;
|
|
4775
|
+
padding-block-start: 0.75rem;
|
|
4776
|
+
padding-block-end: 0.75rem;
|
|
4754
4777
|
}
|
|
4755
4778
|
.zen-card-button--drive {
|
|
4756
|
-
padding-block: 0.6875rem;
|
|
4779
|
+
padding-block-start: 0.6875rem;
|
|
4780
|
+
padding-block-end: 0.6875rem;
|
|
4757
4781
|
}
|
|
4758
4782
|
.zen-favorite-button {
|
|
4759
4783
|
display: flex;
|
|
@@ -4837,12 +4861,13 @@ html:lang(ar) .zen-data-feed {
|
|
|
4837
4861
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
4838
4862
|
}
|
|
4839
4863
|
.zen-data-feed__item-container {
|
|
4840
|
-
box-shadow:
|
|
4864
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
|
|
4841
4865
|
display: flex;
|
|
4842
4866
|
}
|
|
4843
4867
|
.zen-data-feed__action-container {
|
|
4844
4868
|
padding-block-start: 0.5rem;
|
|
4845
|
-
padding-inline: 0.
|
|
4869
|
+
padding-inline-end: 0.5rem;
|
|
4870
|
+
padding-inline-start: 0.25rem;
|
|
4846
4871
|
}
|
|
4847
4872
|
.zen-data-feed__content {
|
|
4848
4873
|
flex: 1 1 auto;
|
|
@@ -4879,6 +4904,7 @@ html:lang(ar) .zen-data-feed {
|
|
|
4879
4904
|
.zen-data-grid-not-interactive-mixin {
|
|
4880
4905
|
pointer-events: none;
|
|
4881
4906
|
user-select: none;
|
|
4907
|
+
-webkit-user-select: none;
|
|
4882
4908
|
-webkit-user-drag: none;
|
|
4883
4909
|
}
|
|
4884
4910
|
.zen-data-grid-loading-mixin {
|
|
@@ -5028,6 +5054,7 @@ html:lang(ar) .zen-data-grid__row-cell {
|
|
|
5028
5054
|
.zen-data-grid__row-cell--loading {
|
|
5029
5055
|
pointer-events: none;
|
|
5030
5056
|
user-select: none;
|
|
5057
|
+
-webkit-user-select: none;
|
|
5031
5058
|
-webkit-user-drag: none;
|
|
5032
5059
|
filter: blur(7px);
|
|
5033
5060
|
animation: load-column 1s linear infinite alternate;
|
|
@@ -5050,20 +5077,22 @@ html:lang(ar) .zen-data-grid__row-cell {
|
|
|
5050
5077
|
}
|
|
5051
5078
|
.zen-data-grid--horizontal-scroll .zen-data-grid__header-cell--first {
|
|
5052
5079
|
border-inline-end: 1px solid var(--borders-general);
|
|
5053
|
-
box-shadow: 1px
|
|
5080
|
+
box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
|
|
5054
5081
|
}
|
|
5055
5082
|
.zen-data-grid--horizontal-scroll .zen-data-grid__row-cell--first {
|
|
5056
5083
|
border-inline-end: 1px solid var(--borders-general);
|
|
5057
|
-
box-shadow: 1px
|
|
5084
|
+
box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
|
|
5058
5085
|
}
|
|
5059
5086
|
.zen-data-grid--not-interactive .zen-data-grid__table {
|
|
5060
5087
|
pointer-events: none;
|
|
5061
5088
|
user-select: none;
|
|
5089
|
+
-webkit-user-select: none;
|
|
5062
5090
|
-webkit-user-drag: none;
|
|
5063
5091
|
}
|
|
5064
5092
|
.zen-data-grid--loading .zen-data-grid__table {
|
|
5065
5093
|
pointer-events: none;
|
|
5066
5094
|
user-select: none;
|
|
5095
|
+
-webkit-user-select: none;
|
|
5067
5096
|
-webkit-user-drag: none;
|
|
5068
5097
|
}
|
|
5069
5098
|
.zen-data-grid--loading .zen-data-grid__row-cell {
|
|
@@ -5077,7 +5106,7 @@ html:lang(ar) .zen-data-grid__row-cell {
|
|
|
5077
5106
|
overflow: hidden;
|
|
5078
5107
|
text-overflow: ellipsis;
|
|
5079
5108
|
white-space: nowrap;
|
|
5080
|
-
|
|
5109
|
+
word-wrap: normal;
|
|
5081
5110
|
}
|
|
5082
5111
|
.zen-data-grid-header--multiline {
|
|
5083
5112
|
white-space: normal;
|
|
@@ -5087,7 +5116,7 @@ html:lang(ar) .zen-data-grid__row-cell {
|
|
|
5087
5116
|
-webkit-box-orient: vertical;
|
|
5088
5117
|
overflow: hidden;
|
|
5089
5118
|
text-overflow: ellipsis;
|
|
5090
|
-
|
|
5119
|
+
word-break: break-word;
|
|
5091
5120
|
}
|
|
5092
5121
|
.zen-actions-column {
|
|
5093
5122
|
display: flex;
|
|
@@ -5207,6 +5236,7 @@ html:lang(ar) .zen-feed-item__identifier {
|
|
|
5207
5236
|
align-items: baseline;
|
|
5208
5237
|
gap: 0.25rem;
|
|
5209
5238
|
overflow-wrap: break-word;
|
|
5239
|
+
word-wrap: break-word;
|
|
5210
5240
|
width: 100%;
|
|
5211
5241
|
}
|
|
5212
5242
|
.zen-feed-item__label {
|
|
@@ -5499,7 +5529,7 @@ html:lang(ar) .zen-checkbox__label-text {
|
|
|
5499
5529
|
overflow: hidden;
|
|
5500
5530
|
text-overflow: ellipsis;
|
|
5501
5531
|
white-space: nowrap;
|
|
5502
|
-
|
|
5532
|
+
word-wrap: normal;
|
|
5503
5533
|
}
|
|
5504
5534
|
.zen-select-list[aria-disabled="true"] {
|
|
5505
5535
|
cursor: not-allowed;
|
|
@@ -5623,7 +5653,7 @@ html:lang(ar) .zen-select-item {
|
|
|
5623
5653
|
overflow: hidden;
|
|
5624
5654
|
text-overflow: ellipsis;
|
|
5625
5655
|
white-space: nowrap;
|
|
5626
|
-
|
|
5656
|
+
word-wrap: normal;
|
|
5627
5657
|
color: var(--text-primary);
|
|
5628
5658
|
max-width: 100%;
|
|
5629
5659
|
}
|
|
@@ -5657,7 +5687,7 @@ html:lang(ar) .zen-link-column__name {
|
|
|
5657
5687
|
overflow: hidden;
|
|
5658
5688
|
text-overflow: ellipsis;
|
|
5659
5689
|
white-space: nowrap;
|
|
5660
|
-
|
|
5690
|
+
word-wrap: normal;
|
|
5661
5691
|
color: var(--text-secondary);
|
|
5662
5692
|
max-width: 100%;
|
|
5663
5693
|
}
|
|
@@ -5924,6 +5954,7 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
|
|
|
5924
5954
|
.zen-flexible-column__content {
|
|
5925
5955
|
width: 100%;
|
|
5926
5956
|
text-align: start;
|
|
5957
|
+
-webkit-user-select: none;
|
|
5927
5958
|
user-select: none;
|
|
5928
5959
|
}
|
|
5929
5960
|
.zen-flexible-column:hover .zen-flexible-column__draggable-icon {
|
|
@@ -5947,14 +5978,14 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
|
|
|
5947
5978
|
box-sizing: border-box;
|
|
5948
5979
|
}
|
|
5949
5980
|
.zen-resizer--invisible {
|
|
5950
|
-
opacity: 0
|
|
5981
|
+
opacity: 0%;
|
|
5951
5982
|
}
|
|
5952
5983
|
.zen-resizer--invisible:hover,
|
|
5953
5984
|
.zen-resizer--invisible:focus {
|
|
5954
|
-
opacity:
|
|
5985
|
+
opacity: 100%;
|
|
5955
5986
|
}
|
|
5956
5987
|
.zen-resizer--manual-focus {
|
|
5957
|
-
opacity:
|
|
5988
|
+
opacity: 100%;
|
|
5958
5989
|
background-color: var(--borders-form-field--active);
|
|
5959
5990
|
}
|
|
5960
5991
|
.zen-resizer--vertical {
|
|
@@ -6001,7 +6032,7 @@ html:lang(ar) .zen-mobile-sort-control__selected-label {
|
|
|
6001
6032
|
position: absolute;
|
|
6002
6033
|
background-color: var(--backgrounds-main);
|
|
6003
6034
|
z-index: 5001;
|
|
6004
|
-
box-shadow:
|
|
6035
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.3);
|
|
6005
6036
|
border-spacing: 0;
|
|
6006
6037
|
overflow: hidden;
|
|
6007
6038
|
contain: strict;
|
|
@@ -6084,7 +6115,7 @@ html:lang(ar) .zen-columns-list__title {
|
|
|
6084
6115
|
display: flex;
|
|
6085
6116
|
align-items: center;
|
|
6086
6117
|
justify-content: center;
|
|
6087
|
-
padding: 0.5rem;
|
|
6118
|
+
padding: 0.5rem 0.5rem;
|
|
6088
6119
|
cursor: pointer;
|
|
6089
6120
|
border-radius: var(--border-radius-default);
|
|
6090
6121
|
}
|
|
@@ -6105,7 +6136,8 @@ html:lang(ar) .zen-columns-list__title {
|
|
|
6105
6136
|
.zen-empty-state {
|
|
6106
6137
|
box-sizing: border-box;
|
|
6107
6138
|
display: grid;
|
|
6108
|
-
|
|
6139
|
+
justify-content: center;
|
|
6140
|
+
align-content: center;
|
|
6109
6141
|
text-align: center;
|
|
6110
6142
|
gap: 0.625rem;
|
|
6111
6143
|
grid-auto-flow: row;
|
|
@@ -6120,7 +6152,8 @@ html:lang(ar) .zen-columns-list__title {
|
|
|
6120
6152
|
.zen-empty-state__image {
|
|
6121
6153
|
width: 180px;
|
|
6122
6154
|
height: 180px;
|
|
6123
|
-
|
|
6155
|
+
align-self: center;
|
|
6156
|
+
justify-self: center;
|
|
6124
6157
|
justify-content: center;
|
|
6125
6158
|
display: flex;
|
|
6126
6159
|
align-items: center;
|
|
@@ -6275,7 +6308,7 @@ html:lang(ar) .zen-empty-state__description {
|
|
|
6275
6308
|
overflow: hidden;
|
|
6276
6309
|
text-overflow: ellipsis;
|
|
6277
6310
|
white-space: nowrap;
|
|
6278
|
-
|
|
6311
|
+
word-wrap: normal;
|
|
6279
6312
|
}
|
|
6280
6313
|
html:lang(ar) .zen-bulk-actions__number-of-selected {
|
|
6281
6314
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -6332,7 +6365,8 @@ html:lang(ar) .zen-bulk-actions__number-of-selected {
|
|
|
6332
6365
|
border-block-start: 1px solid var(--borders-general);
|
|
6333
6366
|
background: var(--backgrounds-main);
|
|
6334
6367
|
padding: 0.75rem 1rem;
|
|
6335
|
-
inset-inline: 0;
|
|
6368
|
+
inset-inline-end: 0;
|
|
6369
|
+
inset-inline-start: 0;
|
|
6336
6370
|
inset-block-end: 0;
|
|
6337
6371
|
}
|
|
6338
6372
|
.zen-bulk-actions--screen-panel .zen-bulk-actions__button-close {
|
|
@@ -6402,7 +6436,8 @@ html:lang(ar) .zen-pagination__text {
|
|
|
6402
6436
|
}
|
|
6403
6437
|
.zen-table__detail-panel--header-content {
|
|
6404
6438
|
justify-content: space-between;
|
|
6405
|
-
|
|
6439
|
+
justify-items: center;
|
|
6440
|
+
align-items: center;
|
|
6406
6441
|
}
|
|
6407
6442
|
.zen-table__detail-panel--header-description {
|
|
6408
6443
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -6531,6 +6566,9 @@ html:lang(ar) .zen-table__detail-panel--header-details {
|
|
|
6531
6566
|
flex: 1;
|
|
6532
6567
|
padding: 0.75rem;
|
|
6533
6568
|
}
|
|
6569
|
+
.zen-table__detail-panel-footer {
|
|
6570
|
+
padding: 0.75rem;
|
|
6571
|
+
}
|
|
6534
6572
|
.zen-table__detail-panel .zen-page-header__page-name {
|
|
6535
6573
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
6536
6574
|
font-size: 1rem;
|
|
@@ -6545,7 +6583,6 @@ html:lang(ar) .zen-table__detail-panel .zen-page-header__page-name {
|
|
|
6545
6583
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
6546
6584
|
}
|
|
6547
6585
|
.zen-table__detail-panel-footer {
|
|
6548
|
-
padding: 0.75rem;
|
|
6549
6586
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
6550
6587
|
font-size: 0.875rem;
|
|
6551
6588
|
font-style: normal;
|
|
@@ -6594,7 +6631,7 @@ html:lang(ar) .zen-table__detail-panel-footer {
|
|
|
6594
6631
|
cursor: pointer;
|
|
6595
6632
|
background: 0 0;
|
|
6596
6633
|
border: 0;
|
|
6597
|
-
|
|
6634
|
+
word-wrap: break-word;
|
|
6598
6635
|
}
|
|
6599
6636
|
html:lang(ar) .zen-table-link {
|
|
6600
6637
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -6642,19 +6679,6 @@ html:lang(ar) .zen-table-number {
|
|
|
6642
6679
|
min-width: 0;
|
|
6643
6680
|
transition: flex 0.35s cubic-bezier(0.4, 0, 0.2, 1);
|
|
6644
6681
|
}
|
|
6645
|
-
.zen-table-wrapper--fit-content .zen-table__content {
|
|
6646
|
-
height: auto;
|
|
6647
|
-
}
|
|
6648
|
-
.zen-table-wrapper--fit-content .zen-table__table {
|
|
6649
|
-
height: auto;
|
|
6650
|
-
}
|
|
6651
|
-
.zen-table-wrapper--fit-content .zen-data-grid-wrapper {
|
|
6652
|
-
contain: layout style;
|
|
6653
|
-
height: auto;
|
|
6654
|
-
}
|
|
6655
|
-
.zen-table-wrapper--fit-content .zen-data-grid {
|
|
6656
|
-
flex-shrink: 0;
|
|
6657
|
-
}
|
|
6658
6682
|
.pie-chart-1 {
|
|
6659
6683
|
width: 100%;
|
|
6660
6684
|
height: 12.5rem;
|
|
@@ -6792,6 +6816,7 @@ html:lang(ar) .zen-summary-tile {
|
|
|
6792
6816
|
max-width: 17rem;
|
|
6793
6817
|
}
|
|
6794
6818
|
.zen-summary-tile--default {
|
|
6819
|
+
background-color: var(--backgrounds-content-1);
|
|
6795
6820
|
fill: var(--text-primary);
|
|
6796
6821
|
border: var(--border-width-default) solid var(--text-button-disabled);
|
|
6797
6822
|
background: var(--backgrounds-main);
|
|
@@ -6800,7 +6825,7 @@ html:lang(ar) .zen-summary-tile {
|
|
|
6800
6825
|
fill: var(--text-secondary);
|
|
6801
6826
|
}
|
|
6802
6827
|
.zen-summary-tile--default:hover {
|
|
6803
|
-
box-shadow:
|
|
6828
|
+
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.17);
|
|
6804
6829
|
}
|
|
6805
6830
|
.zen-summary-tile--error {
|
|
6806
6831
|
background-color: var(--accents-error--main);
|
|
@@ -6808,7 +6833,7 @@ html:lang(ar) .zen-summary-tile {
|
|
|
6808
6833
|
border: var(--border-width-default) solid var(--accents-error--detail);
|
|
6809
6834
|
}
|
|
6810
6835
|
.zen-summary-tile--error:hover {
|
|
6811
|
-
box-shadow:
|
|
6836
|
+
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
|
|
6812
6837
|
}
|
|
6813
6838
|
.zen-summary-tile--success {
|
|
6814
6839
|
background-color: var(--accents-success--main);
|
|
@@ -6816,7 +6841,7 @@ html:lang(ar) .zen-summary-tile {
|
|
|
6816
6841
|
border: var(--border-width-default) solid var(--accents-success--detail);
|
|
6817
6842
|
}
|
|
6818
6843
|
.zen-summary-tile--success:hover {
|
|
6819
|
-
box-shadow:
|
|
6844
|
+
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
|
|
6820
6845
|
}
|
|
6821
6846
|
.zen-summary-tile--warning {
|
|
6822
6847
|
background-color: var(--accents-warning--main);
|
|
@@ -6824,7 +6849,7 @@ html:lang(ar) .zen-summary-tile {
|
|
|
6824
6849
|
border: var(--border-width-default) solid var(--accents-warning--detail);
|
|
6825
6850
|
}
|
|
6826
6851
|
.zen-summary-tile--warning:hover {
|
|
6827
|
-
box-shadow:
|
|
6852
|
+
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
|
|
6828
6853
|
}
|
|
6829
6854
|
.zen-summary-tile--active {
|
|
6830
6855
|
background-color: var(--accents-general--main);
|
|
@@ -6832,7 +6857,7 @@ html:lang(ar) .zen-summary-tile {
|
|
|
6832
6857
|
border: var(--border-width-default) solid var(--borders-form-field--active);
|
|
6833
6858
|
}
|
|
6834
6859
|
.zen-summary-tile--active:hover {
|
|
6835
|
-
box-shadow:
|
|
6860
|
+
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.22);
|
|
6836
6861
|
}
|
|
6837
6862
|
.zen-form-step-marker-inner {
|
|
6838
6863
|
display: flex;
|
|
@@ -7012,7 +7037,7 @@ html:lang(ar) .zen-form-step__item .zen-form-step__label-secondary {
|
|
|
7012
7037
|
padding: 0;
|
|
7013
7038
|
}
|
|
7014
7039
|
.zen-form-step__connector {
|
|
7015
|
-
border-
|
|
7040
|
+
border-top: 2px solid;
|
|
7016
7041
|
flex-grow: 1;
|
|
7017
7042
|
min-width: 0.6875rem;
|
|
7018
7043
|
width: 100%;
|
|
@@ -7082,6 +7107,7 @@ html:lang(ar) .zen-form-stepper .zen-form-stepper__mobile-label {
|
|
|
7082
7107
|
text-transform: none;
|
|
7083
7108
|
text-decoration: none;
|
|
7084
7109
|
padding-inline-start: 0.25rem;
|
|
7110
|
+
display: -webkit-box;
|
|
7085
7111
|
-webkit-box-orient: vertical;
|
|
7086
7112
|
-webkit-line-clamp: 1;
|
|
7087
7113
|
text-overflow: ellipsis;
|
|
@@ -7196,8 +7222,8 @@ html:lang(ar) .zen-review-text-control {
|
|
|
7196
7222
|
.zen-toggler-component--drive::before {
|
|
7197
7223
|
content: "";
|
|
7198
7224
|
position: absolute;
|
|
7199
|
-
|
|
7200
|
-
|
|
7225
|
+
top: 50%;
|
|
7226
|
+
left: 50%;
|
|
7201
7227
|
transform: translate(-50%, -50%);
|
|
7202
7228
|
width: var(--zen-toggler-tap-area-width-drive);
|
|
7203
7229
|
height: var(--zen-toggler-tap-area-height-drive);
|
|
@@ -7207,7 +7233,7 @@ html:lang(ar) .zen-review-text-control {
|
|
|
7207
7233
|
min-width: var(--zen-toggler-runner-size-drive);
|
|
7208
7234
|
height: var(--zen-toggler-runner-size-drive);
|
|
7209
7235
|
min-height: var(--zen-toggler-runner-size-drive);
|
|
7210
|
-
margin-
|
|
7236
|
+
margin-top: 0.0625rem;
|
|
7211
7237
|
margin-inline-start: 0.0625rem;
|
|
7212
7238
|
}
|
|
7213
7239
|
.zen-toggler-component--drive .zen-toggler-component__focus {
|
|
@@ -7215,7 +7241,7 @@ html:lang(ar) .zen-review-text-control {
|
|
|
7215
7241
|
min-width: var(--zen-toggler-runner-focus-size-drive);
|
|
7216
7242
|
height: var(--zen-toggler-runner-focus-size-drive);
|
|
7217
7243
|
min-height: var(--zen-toggler-runner-focus-size-drive);
|
|
7218
|
-
|
|
7244
|
+
top: -0.25rem;
|
|
7219
7245
|
inset-inline-start: -0.25rem;
|
|
7220
7246
|
}
|
|
7221
7247
|
.zen-toggler-component--drive-tablet {
|
|
@@ -7228,8 +7254,8 @@ html:lang(ar) .zen-review-text-control {
|
|
|
7228
7254
|
.zen-toggler-component--drive-tablet::before {
|
|
7229
7255
|
content: "";
|
|
7230
7256
|
position: absolute;
|
|
7231
|
-
|
|
7232
|
-
|
|
7257
|
+
top: 50%;
|
|
7258
|
+
left: 50%;
|
|
7233
7259
|
transform: translate(-50%, -50%);
|
|
7234
7260
|
width: var(--zen-toggler-tap-area-width-drive);
|
|
7235
7261
|
height: var(--zen-toggler-tap-area-height-drive);
|
|
@@ -7239,7 +7265,7 @@ html:lang(ar) .zen-review-text-control {
|
|
|
7239
7265
|
min-width: var(--zen-toggler-runner-size-drive);
|
|
7240
7266
|
height: var(--zen-toggler-runner-size-drive);
|
|
7241
7267
|
min-height: var(--zen-toggler-runner-size-drive);
|
|
7242
|
-
margin-
|
|
7268
|
+
margin-top: 0.0625rem;
|
|
7243
7269
|
margin-inline-start: 0.0625rem;
|
|
7244
7270
|
}
|
|
7245
7271
|
.zen-toggler-component--drive-tablet .zen-toggler-component__focus {
|
|
@@ -7247,7 +7273,7 @@ html:lang(ar) .zen-review-text-control {
|
|
|
7247
7273
|
min-width: var(--zen-toggler-runner-focus-size-drive);
|
|
7248
7274
|
height: var(--zen-toggler-runner-focus-size-drive);
|
|
7249
7275
|
min-height: var(--zen-toggler-runner-focus-size-drive);
|
|
7250
|
-
|
|
7276
|
+
top: -0.25rem;
|
|
7251
7277
|
inset-inline-start: -0.25rem;
|
|
7252
7278
|
}
|
|
7253
7279
|
.zen-toggler-component__runner {
|
|
@@ -7267,7 +7293,7 @@ html:lang(ar) .zen-review-text-control {
|
|
|
7267
7293
|
min-height: var(--zen-toggler-runner-focus-size);
|
|
7268
7294
|
border-radius: 50%;
|
|
7269
7295
|
opacity: 0.4;
|
|
7270
|
-
|
|
7296
|
+
top: -0.3125rem;
|
|
7271
7297
|
background-color: var(--action-secondary--default);
|
|
7272
7298
|
inset-inline-start: -0.3125rem;
|
|
7273
7299
|
}
|
|
@@ -7321,7 +7347,8 @@ html:lang(ar) .zen-toggler__label-text {
|
|
|
7321
7347
|
flex-direction: row-reverse;
|
|
7322
7348
|
}
|
|
7323
7349
|
.zen-toggler__label--reverted .zen-toggler__label-text {
|
|
7324
|
-
margin-inline: 0
|
|
7350
|
+
margin-inline-end: 0.5rem;
|
|
7351
|
+
margin-inline-start: 0;
|
|
7325
7352
|
}
|
|
7326
7353
|
.zen-toggler__input:focus-visible + .zen-toggler__label > .zen-toggler-component .zen-toggler-component__focus,
|
|
7327
7354
|
.zen-toggler__input:hover + .zen-toggler__label > .zen-toggler-component .zen-toggler-component__focus {
|
|
@@ -7479,7 +7506,7 @@ html:lang(ar) .zen-toggler__label-text {
|
|
|
7479
7506
|
color: var(--text-primary);
|
|
7480
7507
|
align-items: center;
|
|
7481
7508
|
justify-content: space-between;
|
|
7482
|
-
padding: 0.25rem 0.75rem;
|
|
7509
|
+
padding: 0.25rem 0.75rem 0.25rem 0.75rem;
|
|
7483
7510
|
border-radius: 1.875rem;
|
|
7484
7511
|
background: var(--backgrounds-content-1);
|
|
7485
7512
|
}
|
|
@@ -7522,22 +7549,22 @@ html:lang(ar) .zen-pill-content {
|
|
|
7522
7549
|
.zen-pill-actionable {
|
|
7523
7550
|
padding: 0 0.5rem;
|
|
7524
7551
|
-webkit-touch-callout: none;
|
|
7552
|
+
-webkit-user-select: none;
|
|
7553
|
+
-khtml-user-select: none;
|
|
7554
|
+
-moz-user-select: none;
|
|
7555
|
+
-ms-user-select: none;
|
|
7525
7556
|
user-select: none;
|
|
7526
7557
|
}
|
|
7527
|
-
.zen-pill-actionable:hover {
|
|
7558
|
+
.zen-pill-actionable:not(.zen-pill-actionable--disabled):not(.zen-pill-actionable--readonly):hover {
|
|
7528
7559
|
cursor: pointer;
|
|
7529
7560
|
}
|
|
7530
|
-
.zen-pill-actionable--disabled:hover,
|
|
7531
|
-
.zen-pill-actionable--readonly:hover {
|
|
7532
|
-
cursor: default;
|
|
7533
|
-
}
|
|
7534
7561
|
.zen-pill-actionable:has(.zen-pill-actionable__input:focus-visible) {
|
|
7535
7562
|
outline: 1px solid var(--borders-form-field--active);
|
|
7536
7563
|
outline-offset: 2px;
|
|
7537
7564
|
}
|
|
7538
7565
|
.zen-pill-actionable__input {
|
|
7539
7566
|
position: absolute;
|
|
7540
|
-
|
|
7567
|
+
left: -5000px;
|
|
7541
7568
|
}
|
|
7542
7569
|
.zen-pill-actionable__content-wrapper {
|
|
7543
7570
|
margin: 0;
|
|
@@ -7584,6 +7611,7 @@ html:lang(ar) .zen-pill-content {
|
|
|
7584
7611
|
line-height: 1rem;
|
|
7585
7612
|
text-transform: none;
|
|
7586
7613
|
text-decoration: none;
|
|
7614
|
+
display: flex;
|
|
7587
7615
|
align-items: center;
|
|
7588
7616
|
justify-content: space-between;
|
|
7589
7617
|
border-radius: 1.875rem;
|
|
@@ -7809,8 +7837,9 @@ html:lang(ar) .zen-form-field-error {
|
|
|
7809
7837
|
flex: 0 0 auto;
|
|
7810
7838
|
}
|
|
7811
7839
|
.zen-form-field-error__icon-container {
|
|
7812
|
-
padding-block: 0.0625rem
|
|
7840
|
+
padding-block-start: 0.0625rem;
|
|
7813
7841
|
padding-inline: 0.125rem;
|
|
7842
|
+
padding-block-end: 0;
|
|
7814
7843
|
height: 1rem;
|
|
7815
7844
|
}
|
|
7816
7845
|
.zen-form-field-error.zen-form-field-error--drive .zen-form-field-error__icon-container,
|
|
@@ -7884,7 +7913,7 @@ html:lang(ar) .zen-form-field-error {
|
|
|
7884
7913
|
}
|
|
7885
7914
|
.zen-form-field__input-container:has(.zen-radio-group--horizontal) .zen-form-field__trailing-text {
|
|
7886
7915
|
align-self: flex-start;
|
|
7887
|
-
margin-
|
|
7916
|
+
margin-top: 0.75rem;
|
|
7888
7917
|
}
|
|
7889
7918
|
.zen-form-field.zen-form-field--form-item .zen-radio {
|
|
7890
7919
|
padding-block-end: 0.75rem;
|
|
@@ -7923,7 +7952,7 @@ html:lang(ar) .zen-form-field__trailing-text {
|
|
|
7923
7952
|
overflow: hidden;
|
|
7924
7953
|
text-overflow: ellipsis;
|
|
7925
7954
|
white-space: normal;
|
|
7926
|
-
|
|
7955
|
+
word-wrap: normal;
|
|
7927
7956
|
}
|
|
7928
7957
|
html:lang(ar) .zen-form-field__text {
|
|
7929
7958
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -7964,7 +7993,7 @@ html:lang(ar) .zen-form-field__text {
|
|
|
7964
7993
|
overflow: hidden;
|
|
7965
7994
|
text-overflow: ellipsis;
|
|
7966
7995
|
white-space: nowrap;
|
|
7967
|
-
|
|
7996
|
+
word-wrap: normal;
|
|
7968
7997
|
white-space: break-spaces;
|
|
7969
7998
|
}
|
|
7970
7999
|
.zen-form-field__length {
|
|
@@ -8036,7 +8065,7 @@ html:lang(ar) .zen-form-field__length {
|
|
|
8036
8065
|
max-width: 100%;
|
|
8037
8066
|
}
|
|
8038
8067
|
.zen-dropdown--mobile .zen-mobile-sheet__title {
|
|
8039
|
-
border-
|
|
8068
|
+
border-bottom: none;
|
|
8040
8069
|
}
|
|
8041
8070
|
.zen-dropdown--mobile .zen-dropdown-mobile-sheet__search-container {
|
|
8042
8071
|
padding-block: 1rem;
|
|
@@ -8044,7 +8073,7 @@ html:lang(ar) .zen-form-field__length {
|
|
|
8044
8073
|
}
|
|
8045
8074
|
.zen-dropdown--mobile .zen-dropdown-mobile-sheet__checkbox-container {
|
|
8046
8075
|
padding: 1rem;
|
|
8047
|
-
border-
|
|
8076
|
+
border-bottom: var(--border-width-default) solid var(--borders-general);
|
|
8048
8077
|
}
|
|
8049
8078
|
.zen-dropdown--mobile .zen-dropdown-mobile-sheet__search {
|
|
8050
8079
|
width: 100%;
|
|
@@ -8056,11 +8085,11 @@ html:lang(ar) .zen-form-field__length {
|
|
|
8056
8085
|
.zen-dropdown-popup__search-container .zen-input-adornments {
|
|
8057
8086
|
border-radius: 0;
|
|
8058
8087
|
border: none;
|
|
8059
|
-
border-
|
|
8088
|
+
border-bottom: var(--border-width-default) solid var(--borders-general);
|
|
8060
8089
|
}
|
|
8061
8090
|
.zen-checkbox-list-with-action {
|
|
8062
8091
|
box-sizing: border-box;
|
|
8063
|
-
margin-
|
|
8092
|
+
margin-bottom: 1rem;
|
|
8064
8093
|
}
|
|
8065
8094
|
.zen-checkbox-list-with-action * {
|
|
8066
8095
|
box-sizing: border-box;
|
|
@@ -8101,7 +8130,8 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
|
|
|
8101
8130
|
}
|
|
8102
8131
|
.zen-checkbox-list-with-action__action-item--action .zen-checkbox__label {
|
|
8103
8132
|
padding-inline-end: 0.5rem;
|
|
8104
|
-
padding-
|
|
8133
|
+
padding-bottom: 0.75rem;
|
|
8134
|
+
padding-top: 0.75rem;
|
|
8105
8135
|
}
|
|
8106
8136
|
.zen-checkbox-list-with-action__singled {
|
|
8107
8137
|
font-weight: 700;
|
|
@@ -8118,7 +8148,7 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
|
|
|
8118
8148
|
overflow: hidden;
|
|
8119
8149
|
text-overflow: ellipsis;
|
|
8120
8150
|
white-space: nowrap;
|
|
8121
|
-
|
|
8151
|
+
word-wrap: normal;
|
|
8122
8152
|
width: 100%;
|
|
8123
8153
|
}
|
|
8124
8154
|
.zen-checkbox-list-with-action__action-checkbox--full-width .zen-checkbox__label {
|
|
@@ -8141,7 +8171,8 @@ html:lang(ar) .zen-checkbox-list-with-action__title {
|
|
|
8141
8171
|
color: var(--text-primary);
|
|
8142
8172
|
width: 100%;
|
|
8143
8173
|
padding-block: 0.4375rem;
|
|
8144
|
-
padding-inline: 0.25rem
|
|
8174
|
+
padding-inline-start: 0.25rem;
|
|
8175
|
+
padding-inline-end: 0.5rem;
|
|
8145
8176
|
}
|
|
8146
8177
|
html:lang(ar) .zen-checkbox-list-with-action__label {
|
|
8147
8178
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -8324,20 +8355,20 @@ html:lang(ar) .zen-dropdown-list__label {
|
|
|
8324
8355
|
.zen-dropdown-list__checkbox-container {
|
|
8325
8356
|
padding-block: 0.5rem;
|
|
8326
8357
|
padding-inline: 1rem;
|
|
8327
|
-
border-
|
|
8358
|
+
border-bottom: var(--border-width-default) solid var(--borders-general);
|
|
8328
8359
|
}
|
|
8329
8360
|
.zen-dropdown-list__checkbox-container .zen-checkbox__label-text {
|
|
8330
8361
|
overflow: hidden;
|
|
8331
8362
|
text-overflow: ellipsis;
|
|
8332
8363
|
white-space: nowrap;
|
|
8333
|
-
|
|
8364
|
+
word-wrap: normal;
|
|
8334
8365
|
}
|
|
8335
8366
|
.zen-dropdown-list__item-wrapper {
|
|
8336
8367
|
display: flex;
|
|
8337
8368
|
flex-wrap: nowrap;
|
|
8338
8369
|
align-items: center;
|
|
8339
8370
|
margin: 1px;
|
|
8340
|
-
border-
|
|
8371
|
+
border-bottom: var(--border-width-default) solid var(--borders-general);
|
|
8341
8372
|
}
|
|
8342
8373
|
.zen-dropdown-list__item {
|
|
8343
8374
|
display: flex;
|
|
@@ -8376,7 +8407,7 @@ html:lang(ar) .zen-dropdown-list__label {
|
|
|
8376
8407
|
}
|
|
8377
8408
|
.zen-dropdown-list__sentinel-item {
|
|
8378
8409
|
position: "absolute";
|
|
8379
|
-
|
|
8410
|
+
left: "-9999px";
|
|
8380
8411
|
width: "1px";
|
|
8381
8412
|
height: "1px";
|
|
8382
8413
|
opacity: 0;
|
|
@@ -8429,7 +8460,7 @@ html:lang(ar) .zen-dropdown-list__action-label {
|
|
|
8429
8460
|
.zen-dropdown-list__footer {
|
|
8430
8461
|
display: flex;
|
|
8431
8462
|
justify-content: flex-start;
|
|
8432
|
-
border-
|
|
8463
|
+
border-top: var(--border-width-default) solid var(--borders-general);
|
|
8433
8464
|
}
|
|
8434
8465
|
.zen-dropdown-list__action-button-back {
|
|
8435
8466
|
padding-block: 0.4375rem;
|
|
@@ -8444,7 +8475,8 @@ html:lang(ar) .zen-dropdown-list__action-label {
|
|
|
8444
8475
|
.zen-dropdown-list__cancel-button,
|
|
8445
8476
|
.zen-dropdown-list__apply-button {
|
|
8446
8477
|
margin-inline-end: 0.5rem;
|
|
8447
|
-
margin-block: 0.5rem
|
|
8478
|
+
margin-block-start: 0.5rem;
|
|
8479
|
+
margin-block-end: 0.25rem;
|
|
8448
8480
|
}
|
|
8449
8481
|
.zen-dropdown-list__clear-button {
|
|
8450
8482
|
margin-inline-start: 0.5rem;
|
|
@@ -8559,7 +8591,7 @@ html:lang(ar) .zen-dropdown-list__action-label {
|
|
|
8559
8591
|
min-width: var(--chip-min-width-default);
|
|
8560
8592
|
max-width: var(--chip-max-width-default);
|
|
8561
8593
|
width: fit-content;
|
|
8562
|
-
box-shadow:
|
|
8594
|
+
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
|
|
8563
8595
|
border-radius: var(--chip-border-radius);
|
|
8564
8596
|
gap: 0.125rem;
|
|
8565
8597
|
}
|
|
@@ -8573,19 +8605,13 @@ html:lang(ar) .zen-chip {
|
|
|
8573
8605
|
outline: 1px solid var(--borders-form-field--active);
|
|
8574
8606
|
outline-offset: 1px;
|
|
8575
8607
|
}
|
|
8608
|
+
.zen-chip--default {
|
|
8609
|
+
max-width: var(--chip-max-width-default);
|
|
8610
|
+
width: fit-content;
|
|
8611
|
+
}
|
|
8576
8612
|
.zen-chip.zen-chip--drive {
|
|
8577
8613
|
border-radius: 0.5rem;
|
|
8578
8614
|
}
|
|
8579
|
-
.zen-chip.zen-chip--drive .zen-chip__quantity {
|
|
8580
|
-
font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
8581
|
-
font-size: 1.25rem;
|
|
8582
|
-
font-style: normal;
|
|
8583
|
-
font-weight: 400;
|
|
8584
|
-
letter-spacing: 0rem;
|
|
8585
|
-
line-height: 1.875rem;
|
|
8586
|
-
text-transform: none;
|
|
8587
|
-
text-decoration: none;
|
|
8588
|
-
}
|
|
8589
8615
|
.zen-chip:not(.zen-chip--disabled):not(.zen-chip--readonly):hover {
|
|
8590
8616
|
cursor: pointer;
|
|
8591
8617
|
}
|
|
@@ -8594,11 +8620,12 @@ html:lang(ar) .zen-chip {
|
|
|
8594
8620
|
}
|
|
8595
8621
|
.zen-chip__input {
|
|
8596
8622
|
position: absolute;
|
|
8597
|
-
|
|
8623
|
+
left: -5000px;
|
|
8598
8624
|
}
|
|
8599
8625
|
.zen-chip__content-wrapper {
|
|
8600
8626
|
margin: 0;
|
|
8601
8627
|
gap: 0.25rem;
|
|
8628
|
+
display: flex;
|
|
8602
8629
|
align-items: center;
|
|
8603
8630
|
justify-content: space-between;
|
|
8604
8631
|
display: grid;
|
|
@@ -8606,8 +8633,6 @@ html:lang(ar) .zen-chip {
|
|
|
8606
8633
|
min-height: 16px;
|
|
8607
8634
|
}
|
|
8608
8635
|
.zen-chip--default {
|
|
8609
|
-
max-width: var(--chip-max-width-default);
|
|
8610
|
-
width: fit-content;
|
|
8611
8636
|
background-color: var(--backgrounds-main);
|
|
8612
8637
|
border: 1px solid var(--borders-general);
|
|
8613
8638
|
color: var(--text-secondary);
|
|
@@ -8775,12 +8800,22 @@ html:lang(ar) .zen-chip__quantity {
|
|
|
8775
8800
|
text-transform: none;
|
|
8776
8801
|
text-decoration: none;
|
|
8777
8802
|
}
|
|
8803
|
+
.zen-chip.zen-chip--drive .zen-chip__quantity {
|
|
8804
|
+
font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
8805
|
+
font-size: 1.25rem;
|
|
8806
|
+
font-style: normal;
|
|
8807
|
+
font-weight: 400;
|
|
8808
|
+
letter-spacing: 0rem;
|
|
8809
|
+
line-height: 1.875rem;
|
|
8810
|
+
text-transform: none;
|
|
8811
|
+
text-decoration: none;
|
|
8812
|
+
}
|
|
8778
8813
|
.zen-chip-content {
|
|
8779
8814
|
display: flex;
|
|
8780
8815
|
color: var(--text-primary);
|
|
8781
8816
|
align-items: center;
|
|
8782
8817
|
justify-content: space-between;
|
|
8783
|
-
padding: 0.25rem 0.75rem;
|
|
8818
|
+
padding: 0.25rem 0.75rem 0.25rem 0.75rem;
|
|
8784
8819
|
border-radius: 0.5rem;
|
|
8785
8820
|
background: var(--backgrounds-content-1);
|
|
8786
8821
|
}
|
|
@@ -9082,6 +9117,7 @@ html:lang(ar) .zen-filter-button.zen-filter-button--mobile .zen-filter-button__q
|
|
|
9082
9117
|
outline: none;
|
|
9083
9118
|
padding-block: 0;
|
|
9084
9119
|
padding-inline: 0 0.3125rem;
|
|
9120
|
+
-webkit-appearance: none;
|
|
9085
9121
|
appearance: none;
|
|
9086
9122
|
background-color: inherit;
|
|
9087
9123
|
color: inherit;
|
|
@@ -9091,6 +9127,7 @@ html:lang(ar) .zen-dropdown-searchable-trigger .zen-dropdown-searchable-trigger_
|
|
|
9091
9127
|
}
|
|
9092
9128
|
.zen-dropdown-searchable-trigger__popup-trigger {
|
|
9093
9129
|
display: flex;
|
|
9130
|
+
border-color: var(--borders-general);
|
|
9094
9131
|
border: 1px solid var(--borders-general);
|
|
9095
9132
|
border-radius: var(--border-radius-default);
|
|
9096
9133
|
justify-content: center;
|
|
@@ -9325,7 +9362,7 @@ html:lang(ar) .zen-dropdown-searchable-trigger__counter {
|
|
|
9325
9362
|
box-sizing: border-box;
|
|
9326
9363
|
border: var(--border-width-default) solid var(--borders-general);
|
|
9327
9364
|
border-radius: var(--border-radius-default);
|
|
9328
|
-
appearance: none;
|
|
9365
|
+
-webkit-appearance: none;
|
|
9329
9366
|
outline: none;
|
|
9330
9367
|
background-color: var(--backgrounds-main);
|
|
9331
9368
|
color: var(--text-primary);
|
|
@@ -9415,6 +9452,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
|
|
|
9415
9452
|
outline: 0;
|
|
9416
9453
|
padding: 0;
|
|
9417
9454
|
padding-inline-start: 0.25rem;
|
|
9455
|
+
-webkit-appearance: none;
|
|
9418
9456
|
appearance: none;
|
|
9419
9457
|
background-color: inherit;
|
|
9420
9458
|
color: var(--text-primary);
|
|
@@ -9431,7 +9469,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
|
|
|
9431
9469
|
overflow: hidden;
|
|
9432
9470
|
padding: 0.5rem;
|
|
9433
9471
|
display: grid;
|
|
9434
|
-
gap: 0.5rem;
|
|
9472
|
+
grid-gap: 0.5rem;
|
|
9435
9473
|
align-items: center;
|
|
9436
9474
|
}
|
|
9437
9475
|
.zen-input-adornments * {
|
|
@@ -9473,6 +9511,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
|
|
|
9473
9511
|
fill: var(--text-placeholder);
|
|
9474
9512
|
}
|
|
9475
9513
|
.zen-input-adornments__input {
|
|
9514
|
+
height: 100%;
|
|
9476
9515
|
width: 100%;
|
|
9477
9516
|
height: 1rem;
|
|
9478
9517
|
}
|
|
@@ -9489,6 +9528,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
|
|
|
9489
9528
|
outline: 0;
|
|
9490
9529
|
padding: 0;
|
|
9491
9530
|
padding-inline-start: 0.25rem;
|
|
9531
|
+
-webkit-appearance: none;
|
|
9492
9532
|
appearance: none;
|
|
9493
9533
|
background-color: inherit;
|
|
9494
9534
|
color: var(--text-primary);
|
|
@@ -9503,7 +9543,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
|
|
|
9503
9543
|
.zen-input-adornments.zen-input-adornments--drive {
|
|
9504
9544
|
height: 2.75rem;
|
|
9505
9545
|
display: grid;
|
|
9506
|
-
gap: 0.5rem;
|
|
9546
|
+
grid-gap: 0.5rem;
|
|
9507
9547
|
align-items: center;
|
|
9508
9548
|
}
|
|
9509
9549
|
.zen-input-adornments.zen-input-adornments--drive.zen-input-adornments--has-start,
|
|
@@ -9533,8 +9573,9 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
|
|
|
9533
9573
|
.zen-input-adornments.zen-input-adornments--mobile {
|
|
9534
9574
|
height: 2.75rem;
|
|
9535
9575
|
display: grid;
|
|
9536
|
-
gap: 0.5rem;
|
|
9576
|
+
grid-gap: 0.5rem;
|
|
9537
9577
|
align-items: center;
|
|
9578
|
+
font-size: 1.0625rem;
|
|
9538
9579
|
}
|
|
9539
9580
|
.zen-input-adornments.zen-input-adornments--mobile.zen-input-adornments--has-start,
|
|
9540
9581
|
.zen-input-adornments.zen-input-adornments--mobile.zen-input-adornments--has-end {
|
|
@@ -9563,7 +9604,7 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
|
|
|
9563
9604
|
.zen-input-adornments.zen-input-adornments--drive-tablet {
|
|
9564
9605
|
height: 2.875rem;
|
|
9565
9606
|
display: grid;
|
|
9566
|
-
gap: 0.5rem;
|
|
9607
|
+
grid-gap: 0.5rem;
|
|
9567
9608
|
align-items: center;
|
|
9568
9609
|
}
|
|
9569
9610
|
.zen-input-adornments.zen-input-adornments--drive-tablet.zen-input-adornments--has-start,
|
|
@@ -9664,8 +9705,9 @@ html:lang(ar) .zen-text-input.zen-text-input--mobile {
|
|
|
9664
9705
|
width: 100%;
|
|
9665
9706
|
height: auto;
|
|
9666
9707
|
max-height: 100%;
|
|
9667
|
-
|
|
9668
|
-
|
|
9708
|
+
left: 0;
|
|
9709
|
+
top: auto;
|
|
9710
|
+
bottom: 0;
|
|
9669
9711
|
z-index: 11005;
|
|
9670
9712
|
background-color: var(--backgrounds-main);
|
|
9671
9713
|
}
|
|
@@ -9812,7 +9854,7 @@ html:lang(ar) .zen-group-button {
|
|
|
9812
9854
|
width: 1px;
|
|
9813
9855
|
height: 1px;
|
|
9814
9856
|
margin: -1px;
|
|
9815
|
-
clip
|
|
9857
|
+
clip: rect(0, 0, 0, 0);
|
|
9816
9858
|
position: absolute;
|
|
9817
9859
|
}
|
|
9818
9860
|
.zen-group-button__input:checked + .zen-group-button__label {
|
|
@@ -9979,7 +10021,7 @@ html:lang(ar) .zen-pill-box__label {
|
|
|
9979
10021
|
}
|
|
9980
10022
|
.zen-modal {
|
|
9981
10023
|
box-sizing: border-box;
|
|
9982
|
-
box-shadow:
|
|
10024
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
|
9983
10025
|
position: absolute;
|
|
9984
10026
|
width: 100%;
|
|
9985
10027
|
height: 100%;
|
|
@@ -10011,8 +10053,9 @@ html:lang(ar) .zen-pill-box__label {
|
|
|
10011
10053
|
background-color: var(--backgrounds-main);
|
|
10012
10054
|
color: var(--text-primary);
|
|
10013
10055
|
padding: 0;
|
|
10014
|
-
box-shadow:
|
|
10015
|
-
max-height:
|
|
10056
|
+
box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
|
|
10057
|
+
max-height: 90vh;
|
|
10058
|
+
max-height: 90dvh;
|
|
10016
10059
|
border-radius: 4px;
|
|
10017
10060
|
overflow: hidden;
|
|
10018
10061
|
}
|
|
@@ -10049,8 +10092,10 @@ html:lang(ar) .zen-pill-box__label {
|
|
|
10049
10092
|
}
|
|
10050
10093
|
.zen-modal-content__body {
|
|
10051
10094
|
overflow: auto;
|
|
10052
|
-
padding-block: 0.75rem
|
|
10053
|
-
padding-
|
|
10095
|
+
padding-block-start: 0.75rem;
|
|
10096
|
+
padding-block-end: 2rem;
|
|
10097
|
+
padding-inline-start: 1.5rem;
|
|
10098
|
+
padding-inline-end: 1.5rem;
|
|
10054
10099
|
}
|
|
10055
10100
|
.zen-modal-content__body--no-footer {
|
|
10056
10101
|
padding-block-end: 1rem;
|
|
@@ -10265,7 +10310,7 @@ html:lang(ar) .zen-status-pill__container {
|
|
|
10265
10310
|
border-color: var(--borders-form-field--active);
|
|
10266
10311
|
}
|
|
10267
10312
|
.zen-status-pill__text {
|
|
10268
|
-
margin-
|
|
10313
|
+
margin-right: 4px;
|
|
10269
10314
|
color: var(--text-primary);
|
|
10270
10315
|
flex-shrink: 1;
|
|
10271
10316
|
min-width: 0;
|
|
@@ -10289,11 +10334,11 @@ html:lang(ar) .zen-status-pill__container {
|
|
|
10289
10334
|
color: var(--text-reverse-primary);
|
|
10290
10335
|
}
|
|
10291
10336
|
.zen-status-pill__text--centered {
|
|
10292
|
-
margin-
|
|
10337
|
+
margin-right: 0;
|
|
10293
10338
|
}
|
|
10294
10339
|
.zen-status-pill__expand-button {
|
|
10295
10340
|
padding: 0;
|
|
10296
|
-
margin-
|
|
10341
|
+
margin-left: auto;
|
|
10297
10342
|
flex-shrink: 0;
|
|
10298
10343
|
}
|
|
10299
10344
|
.zen-status-pill__expand-button--default {
|
|
@@ -10324,7 +10369,7 @@ html:lang(ar) .zen-status-pill__container {
|
|
|
10324
10369
|
display: flex;
|
|
10325
10370
|
align-items: center;
|
|
10326
10371
|
height: 12px;
|
|
10327
|
-
margin-
|
|
10372
|
+
margin-right: 4px;
|
|
10328
10373
|
flex-shrink: 0;
|
|
10329
10374
|
}
|
|
10330
10375
|
.zen-status-pill__icon--large {
|
|
@@ -10355,13 +10400,13 @@ html:lang(ar) .zen-status-pill__container {
|
|
|
10355
10400
|
color: var(--text-reverse-primary);
|
|
10356
10401
|
}
|
|
10357
10402
|
.zen-status-pill__icon--standalone {
|
|
10358
|
-
margin-
|
|
10403
|
+
margin-right: 0;
|
|
10359
10404
|
}
|
|
10360
10405
|
.zen-absolute:has(.zen-status-pill-popup) {
|
|
10361
10406
|
overflow: visible;
|
|
10362
10407
|
}
|
|
10363
10408
|
.zen-status-pill-popup {
|
|
10364
|
-
box-shadow:
|
|
10409
|
+
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
|
|
10365
10410
|
border-radius: 0.25rem;
|
|
10366
10411
|
background-color: white;
|
|
10367
10412
|
max-height: 560px;
|
|
@@ -10390,7 +10435,7 @@ html:lang(ar) .zen-status-pill__container {
|
|
|
10390
10435
|
align-items: center;
|
|
10391
10436
|
padding: 0.75rem 0.5rem;
|
|
10392
10437
|
gap: 1rem;
|
|
10393
|
-
border-
|
|
10438
|
+
border-bottom: 1px solid var(--borders-general);
|
|
10394
10439
|
}
|
|
10395
10440
|
.zen-status-pill-popup__title-item-text {
|
|
10396
10441
|
flex: 1;
|
|
@@ -10459,7 +10504,7 @@ html:lang(ar) .zen-status-pill-popup__header-text {
|
|
|
10459
10504
|
text-decoration: none;
|
|
10460
10505
|
}
|
|
10461
10506
|
.zen-status-pill-popup__header-text--left {
|
|
10462
|
-
margin-
|
|
10507
|
+
margin-left: auto;
|
|
10463
10508
|
}
|
|
10464
10509
|
.zen-status-pill-popup__description {
|
|
10465
10510
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -10505,11 +10550,11 @@ html:lang(ar) .zen-status-pill-popup__description {
|
|
|
10505
10550
|
background-color: var(--borders-general);
|
|
10506
10551
|
}
|
|
10507
10552
|
.zen-status-pill-popup--mobile .zen-mobile-sheet__title {
|
|
10508
|
-
border-
|
|
10553
|
+
border-bottom: 1px solid var(--borders-general);
|
|
10509
10554
|
}
|
|
10510
10555
|
.zen-status-pill-popup--mobile .zen-mobile-sheet__content {
|
|
10511
10556
|
padding: 1rem;
|
|
10512
|
-
max-height:
|
|
10557
|
+
max-height: 90vh;
|
|
10513
10558
|
overflow-y: auto;
|
|
10514
10559
|
}
|
|
10515
10560
|
.zen-status-pill-popup__mobile-title {
|
|
@@ -10572,6 +10617,7 @@ html:lang(ar) .zen-status-pill-popup__view-more-badge {
|
|
|
10572
10617
|
background: 0 0;
|
|
10573
10618
|
padding: 0.5rem;
|
|
10574
10619
|
vertical-align: middle;
|
|
10620
|
+
border-width: 0;
|
|
10575
10621
|
margin: 0.0625rem;
|
|
10576
10622
|
border: none;
|
|
10577
10623
|
background-color: transparent;
|
|
@@ -10620,7 +10666,7 @@ html:lang(ar) .zen-select {
|
|
|
10620
10666
|
transform: rotateZ(180deg);
|
|
10621
10667
|
}
|
|
10622
10668
|
.zen-select__popup {
|
|
10623
|
-
box-shadow:
|
|
10669
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
|
10624
10670
|
border-radius: var(--border-radius-default);
|
|
10625
10671
|
background-color: var(--backgrounds-main);
|
|
10626
10672
|
}
|
|
@@ -10712,6 +10758,10 @@ html:lang(ar) .zen-calendar__year-name {
|
|
|
10712
10758
|
.zen-calendar__table {
|
|
10713
10759
|
width: 100%;
|
|
10714
10760
|
-webkit-touch-callout: none;
|
|
10761
|
+
-webkit-user-select: none;
|
|
10762
|
+
-khtml-user-select: none;
|
|
10763
|
+
-moz-user-select: none;
|
|
10764
|
+
-ms-user-select: none;
|
|
10715
10765
|
user-select: none;
|
|
10716
10766
|
border-collapse: separate;
|
|
10717
10767
|
border-spacing: 0;
|
|
@@ -10767,7 +10817,7 @@ html:lang(ar) .zen-calendar__column {
|
|
|
10767
10817
|
position: absolute;
|
|
10768
10818
|
padding: 0;
|
|
10769
10819
|
margin: 0;
|
|
10770
|
-
|
|
10820
|
+
top: 0;
|
|
10771
10821
|
z-index: 1;
|
|
10772
10822
|
border-color: var(--action-primary--default);
|
|
10773
10823
|
background-color: var(--accents-general--main);
|
|
@@ -10778,7 +10828,7 @@ html:lang(ar) .zen-calendar__column {
|
|
|
10778
10828
|
border: 1px solid var(--action-primary--default);
|
|
10779
10829
|
background-color: var(--accents-general--main);
|
|
10780
10830
|
position: absolute;
|
|
10781
|
-
|
|
10831
|
+
top: 0;
|
|
10782
10832
|
z-index: 1;
|
|
10783
10833
|
width: 2rem;
|
|
10784
10834
|
border-radius: 1.5rem;
|
|
@@ -10799,7 +10849,7 @@ html:lang(ar) .zen-calendar__column {
|
|
|
10799
10849
|
.zen-calendar__month-end {
|
|
10800
10850
|
position: absolute;
|
|
10801
10851
|
height: 1.5rem;
|
|
10802
|
-
|
|
10852
|
+
top: 0;
|
|
10803
10853
|
width: 1rem;
|
|
10804
10854
|
z-index: 1;
|
|
10805
10855
|
border-block: 1px solid var(--action-primary--default);
|
|
@@ -10843,7 +10893,7 @@ html:lang(ar) .zen-calendar__column {
|
|
|
10843
10893
|
height: 1.5rem;
|
|
10844
10894
|
text-align: center;
|
|
10845
10895
|
position: absolute;
|
|
10846
|
-
|
|
10896
|
+
top: 0;
|
|
10847
10897
|
z-index: 2;
|
|
10848
10898
|
border: 1px solid transparent;
|
|
10849
10899
|
}
|
|
@@ -11110,8 +11160,9 @@ html:lang(ar) .zen-chart__x-axis {
|
|
|
11110
11160
|
--pie-center-label-font-weight: 400;
|
|
11111
11161
|
}
|
|
11112
11162
|
.zen-chart--legend-right {
|
|
11113
|
-
flex-
|
|
11163
|
+
flex-direction: row;
|
|
11114
11164
|
align-items: center;
|
|
11165
|
+
flex-wrap: wrap;
|
|
11115
11166
|
}
|
|
11116
11167
|
.zen-chart--legend-right .zen-chart__chart {
|
|
11117
11168
|
flex: 0 0 auto;
|
|
@@ -11121,7 +11172,8 @@ html:lang(ar) .zen-chart__x-axis {
|
|
|
11121
11172
|
.zen-chart--legend-right .zen-chart__legend {
|
|
11122
11173
|
flex: 1 1 auto;
|
|
11123
11174
|
padding-inline-start: 1rem;
|
|
11124
|
-
overflow:
|
|
11175
|
+
overflow-y: auto;
|
|
11176
|
+
overflow-x: hidden;
|
|
11125
11177
|
}
|
|
11126
11178
|
@container (max-width: 640px) {
|
|
11127
11179
|
.zen-chart--legend-right .zen-chart__chart {
|
|
@@ -11260,6 +11312,7 @@ html:lang(ar) .zen-pie-legend__item-percentage {
|
|
|
11260
11312
|
line-height: 1rem;
|
|
11261
11313
|
text-decoration: none;
|
|
11262
11314
|
box-sizing: border-box;
|
|
11315
|
+
background-color: var(--backgrounds-content-1);
|
|
11263
11316
|
background: var(--backgrounds-main);
|
|
11264
11317
|
border-radius: 8px;
|
|
11265
11318
|
color: var(--text-primary);
|
|
@@ -11307,7 +11360,7 @@ html:lang(ar) .zen-summary__header {
|
|
|
11307
11360
|
border-radius: 50%;
|
|
11308
11361
|
display: inline-block;
|
|
11309
11362
|
height: 0.5rem;
|
|
11310
|
-
margin: 0.125rem;
|
|
11363
|
+
margin: 0.125rem 0.125rem;
|
|
11311
11364
|
min-height: 0.5rem;
|
|
11312
11365
|
min-width: 0.5rem;
|
|
11313
11366
|
padding-inline: 0;
|
|
@@ -11446,7 +11499,7 @@ html:lang(ar) .zen-summary__content {
|
|
|
11446
11499
|
position: absolute;
|
|
11447
11500
|
z-index: 11100;
|
|
11448
11501
|
border: 1px solid var(--borders-general);
|
|
11449
|
-
box-shadow:
|
|
11502
|
+
box-shadow: 0px 1px 3px 0px rgba(0, 17, 30, 0.15);
|
|
11450
11503
|
}
|
|
11451
11504
|
.zen-chart-tooltip__header {
|
|
11452
11505
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -11495,7 +11548,7 @@ html:lang(ar) .zen-chart-tooltip__subheader {
|
|
|
11495
11548
|
overflow: hidden;
|
|
11496
11549
|
text-overflow: ellipsis;
|
|
11497
11550
|
white-space: nowrap;
|
|
11498
|
-
|
|
11551
|
+
word-wrap: normal;
|
|
11499
11552
|
}
|
|
11500
11553
|
html:lang(ar) .zen-chart-tooltip__label {
|
|
11501
11554
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -11563,29 +11616,29 @@ html:lang(ar) .zen-chart-tooltip__note {
|
|
|
11563
11616
|
}
|
|
11564
11617
|
.zen-chart-tooltip__arrow--top {
|
|
11565
11618
|
inset: -0.375rem auto auto calc(50% - 0.9375rem);
|
|
11566
|
-
/*
|
|
11619
|
+
/*rtl:ignore*/
|
|
11567
11620
|
transform: rotate(45deg);
|
|
11568
11621
|
}
|
|
11569
11622
|
.zen-chart-tooltip__arrow--bottom {
|
|
11570
11623
|
inset: auto auto -0.375rem calc(50% - 0.9375rem);
|
|
11571
|
-
/*
|
|
11624
|
+
/*rtl:ignore*/
|
|
11572
11625
|
transform: rotate(225deg);
|
|
11573
11626
|
}
|
|
11574
11627
|
.zen-chart-tooltip__arrow--right {
|
|
11575
11628
|
inset: calc(50% - 0.9375rem) -0.375rem auto auto;
|
|
11576
|
-
/*
|
|
11629
|
+
/*rtl:ignore*/
|
|
11577
11630
|
transform: rotate(135deg);
|
|
11578
11631
|
}
|
|
11579
11632
|
.zen-chart-tooltip__arrow--left {
|
|
11580
11633
|
inset: calc(50% - 0.9375rem) auto auto -0.375rem;
|
|
11581
|
-
/*
|
|
11634
|
+
/*rtl:ignore*/
|
|
11582
11635
|
transform: rotate(315deg);
|
|
11583
11636
|
}
|
|
11584
11637
|
.zen-chart-insight {
|
|
11585
11638
|
display: flex;
|
|
11586
11639
|
gap: 4px;
|
|
11587
11640
|
max-width: 560px;
|
|
11588
|
-
margin-
|
|
11641
|
+
margin-bottom: 8px;
|
|
11589
11642
|
}
|
|
11590
11643
|
.zen-chart-insight__icon {
|
|
11591
11644
|
fill: var(--text-primary);
|
|
@@ -11607,7 +11660,8 @@ html:lang(ar) .zen-chart-insight__text {
|
|
|
11607
11660
|
}
|
|
11608
11661
|
.zen-legend {
|
|
11609
11662
|
display: flex;
|
|
11610
|
-
gap:
|
|
11663
|
+
column-gap: 16px;
|
|
11664
|
+
row-gap: 8px;
|
|
11611
11665
|
margin: 0;
|
|
11612
11666
|
padding: 0;
|
|
11613
11667
|
flex-wrap: wrap;
|
|
@@ -11644,7 +11698,7 @@ html:lang(ar) .zen-chart-insight__text {
|
|
|
11644
11698
|
overflow: hidden;
|
|
11645
11699
|
text-overflow: ellipsis;
|
|
11646
11700
|
white-space: nowrap;
|
|
11647
|
-
|
|
11701
|
+
word-wrap: normal;
|
|
11648
11702
|
}
|
|
11649
11703
|
html:lang(ar) .zen-legend__item-label {
|
|
11650
11704
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -11684,7 +11738,8 @@ html:lang(ar) .zen-legend__item-value {
|
|
|
11684
11738
|
.zen-chart-axis {
|
|
11685
11739
|
display: flex;
|
|
11686
11740
|
justify-content: space-between;
|
|
11687
|
-
gap:
|
|
11741
|
+
column-gap: 1rem;
|
|
11742
|
+
row-gap: 0.25rem;
|
|
11688
11743
|
flex-wrap: wrap;
|
|
11689
11744
|
margin: 0 0.625rem;
|
|
11690
11745
|
}
|
|
@@ -11763,7 +11818,7 @@ html:lang(ar) .zen-chart-axis__value {
|
|
|
11763
11818
|
margin: -1px;
|
|
11764
11819
|
padding: 0;
|
|
11765
11820
|
overflow: hidden;
|
|
11766
|
-
clip
|
|
11821
|
+
clip: rect(0, 0, 0, 0);
|
|
11767
11822
|
border: 0;
|
|
11768
11823
|
}
|
|
11769
11824
|
.zen-columns-filter {
|
|
@@ -11891,6 +11946,7 @@ html:lang(ar) .zen-columns-filter__item {
|
|
|
11891
11946
|
.zen-flexible-column__content {
|
|
11892
11947
|
width: 100%;
|
|
11893
11948
|
text-align: start;
|
|
11949
|
+
-webkit-user-select: none;
|
|
11894
11950
|
user-select: none;
|
|
11895
11951
|
}
|
|
11896
11952
|
.zen-flexible-column:hover .zen-flexible-column__draggable-icon {
|
|
@@ -11956,6 +12012,10 @@ html:lang(ar) .zen-date-input-popup__header {
|
|
|
11956
12012
|
padding: 0 0.5rem;
|
|
11957
12013
|
border-block-start: 1px solid var(--backgrounds-content-1);
|
|
11958
12014
|
}
|
|
12015
|
+
.zen-date-input-popup.zen-date-input-popup--drive-tablet {
|
|
12016
|
+
width: 20rem;
|
|
12017
|
+
min-width: 20rem;
|
|
12018
|
+
}
|
|
11959
12019
|
.zen-date-input-popup.zen-date-input-popup--drive .zen-date-input-popup__header {
|
|
11960
12020
|
font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
11961
12021
|
font-size: 1rem;
|
|
@@ -11966,6 +12026,16 @@ html:lang(ar) .zen-date-input-popup__header {
|
|
|
11966
12026
|
text-transform: none;
|
|
11967
12027
|
text-decoration: none;
|
|
11968
12028
|
}
|
|
12029
|
+
.zen-date-input-popup.zen-date-input-popup--drive-tablet .zen-date-input-popup__header {
|
|
12030
|
+
font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
12031
|
+
font-size: 1rem;
|
|
12032
|
+
font-style: normal;
|
|
12033
|
+
font-weight: 700;
|
|
12034
|
+
letter-spacing: 0.02rem;
|
|
12035
|
+
line-height: 1.375rem;
|
|
12036
|
+
text-transform: none;
|
|
12037
|
+
text-decoration: none;
|
|
12038
|
+
}
|
|
11969
12039
|
.zen-date-input-mobile-sheet .zen-mobile-sheet__title {
|
|
11970
12040
|
border-block-end: none;
|
|
11971
12041
|
}
|
|
@@ -12111,12 +12181,9 @@ html:lang(ar) .zen-date-input-inner__control-block {
|
|
|
12111
12181
|
.zen-time-picker__trigger--error {
|
|
12112
12182
|
border: 1px solid var(--text-error-message);
|
|
12113
12183
|
}
|
|
12114
|
-
.zen-time-picker__trigger.zen-form-field__input {
|
|
12184
|
+
.zen-time-picker__trigger.zen-form-field__input:not(.zen-time-picker__trigger--full-width) {
|
|
12115
12185
|
width: unset;
|
|
12116
12186
|
}
|
|
12117
|
-
.zen-time-picker__trigger.zen-form-field__input.zen-time-picker__trigger--full-width {
|
|
12118
|
-
width: 100%;
|
|
12119
|
-
}
|
|
12120
12187
|
@media (max-width: 640px) {
|
|
12121
12188
|
.zen-time-picker__popup {
|
|
12122
12189
|
width: 100%;
|
|
@@ -12147,7 +12214,6 @@ html:lang(ar) .zen-date-input-inner__control-block {
|
|
|
12147
12214
|
width: 2rem;
|
|
12148
12215
|
cursor: pointer;
|
|
12149
12216
|
flex-shrink: 0;
|
|
12150
|
-
/* stylelint-disable-next-line selector-not-notation */
|
|
12151
12217
|
}
|
|
12152
12218
|
.zen-date-range-wrapper .zen-date-range__stepper--left {
|
|
12153
12219
|
margin-inline-end: -1px;
|
|
@@ -12224,7 +12290,7 @@ html:lang(ar) .zen-date-input-inner__control-block {
|
|
|
12224
12290
|
overflow: hidden;
|
|
12225
12291
|
text-overflow: ellipsis;
|
|
12226
12292
|
white-space: nowrap;
|
|
12227
|
-
|
|
12293
|
+
word-wrap: normal;
|
|
12228
12294
|
}
|
|
12229
12295
|
.zen-date-range--with-stepper.zen-date-range--with-stepper:hover,
|
|
12230
12296
|
.zen-date-range--with-stepper.zen-date-range--with-stepper:focus {
|
|
@@ -12471,8 +12537,8 @@ html:lang(ar) .zen-radio__label {
|
|
|
12471
12537
|
.zen-radio--drive .zen-radio__input::before {
|
|
12472
12538
|
width: 0.875rem;
|
|
12473
12539
|
height: 0.875rem;
|
|
12474
|
-
|
|
12475
|
-
|
|
12540
|
+
top: calc(50% - 0.875rem / 2);
|
|
12541
|
+
left: calc(50% - 0.875rem / 2);
|
|
12476
12542
|
}
|
|
12477
12543
|
.zen-radio__wrapper--mobile .zen-radio__label {
|
|
12478
12544
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -12495,8 +12561,8 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12495
12561
|
.zen-radio__wrapper--mobile .zen-radio__input::before {
|
|
12496
12562
|
width: 0.875rem;
|
|
12497
12563
|
height: 0.875rem;
|
|
12498
|
-
|
|
12499
|
-
|
|
12564
|
+
top: calc(50% - 0.875rem / 2);
|
|
12565
|
+
left: calc(50% - 0.875rem / 2);
|
|
12500
12566
|
}
|
|
12501
12567
|
.zen-radio--drive-tablet .zen-radio__label {
|
|
12502
12568
|
font-family: "Roboto Mono", "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -12516,10 +12582,11 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12516
12582
|
.zen-radio--drive-tablet .zen-radio__input::before {
|
|
12517
12583
|
width: 0.875rem;
|
|
12518
12584
|
height: 0.875rem;
|
|
12519
|
-
|
|
12520
|
-
|
|
12585
|
+
top: calc(50% - 0.875rem / 2);
|
|
12586
|
+
left: calc(50% - 0.875rem / 2);
|
|
12521
12587
|
}
|
|
12522
12588
|
.zen-radio__input {
|
|
12589
|
+
-webkit-appearance: none;
|
|
12523
12590
|
appearance: none;
|
|
12524
12591
|
position: relative;
|
|
12525
12592
|
cursor: pointer;
|
|
@@ -12542,8 +12609,8 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12542
12609
|
width: 0.625rem;
|
|
12543
12610
|
height: 0.625rem;
|
|
12544
12611
|
position: absolute;
|
|
12545
|
-
|
|
12546
|
-
|
|
12612
|
+
top: calc(50% - 0.625rem / 2);
|
|
12613
|
+
left: calc(50% - 0.625rem / 2);
|
|
12547
12614
|
border-radius: 50%;
|
|
12548
12615
|
transform: scale(0);
|
|
12549
12616
|
transition: 120ms transform ease-in-out;
|
|
@@ -12626,7 +12693,10 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12626
12693
|
position: absolute;
|
|
12627
12694
|
width: 100%;
|
|
12628
12695
|
height: 100%;
|
|
12629
|
-
|
|
12696
|
+
top: 0;
|
|
12697
|
+
bottom: 0;
|
|
12698
|
+
left: 0;
|
|
12699
|
+
right: 0;
|
|
12630
12700
|
display: flex;
|
|
12631
12701
|
align-items: center;
|
|
12632
12702
|
justify-content: center;
|
|
@@ -12637,7 +12707,10 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12637
12707
|
.zen-dialog__shield {
|
|
12638
12708
|
box-sizing: border-box;
|
|
12639
12709
|
position: absolute;
|
|
12640
|
-
|
|
12710
|
+
top: 0;
|
|
12711
|
+
bottom: 0;
|
|
12712
|
+
left: 0;
|
|
12713
|
+
right: 0;
|
|
12641
12714
|
z-index: 11000;
|
|
12642
12715
|
background-color: var(--backgrounds-hover);
|
|
12643
12716
|
opacity: 0.5;
|
|
@@ -12654,8 +12727,9 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12654
12727
|
background-color: var(--backgrounds-main);
|
|
12655
12728
|
color: var(--text-primary);
|
|
12656
12729
|
padding: 0;
|
|
12657
|
-
box-shadow:
|
|
12658
|
-
max-height:
|
|
12730
|
+
box-shadow: 0px 2px 6px rgba(11, 32, 50, 0.2);
|
|
12731
|
+
max-height: 90vh;
|
|
12732
|
+
max-height: 90dvh;
|
|
12659
12733
|
border-radius: var(--border-radius-default);
|
|
12660
12734
|
overflow: hidden;
|
|
12661
12735
|
}
|
|
@@ -12672,6 +12746,7 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12672
12746
|
}
|
|
12673
12747
|
.zen-dialog-content__header-title {
|
|
12674
12748
|
flex-grow: 2;
|
|
12749
|
+
padding-right: 12px;
|
|
12675
12750
|
padding: 12px 24px;
|
|
12676
12751
|
}
|
|
12677
12752
|
.zen-dialog-content__header-close-button {
|
|
@@ -12679,7 +12754,7 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12679
12754
|
align-items: center;
|
|
12680
12755
|
justify-content: center;
|
|
12681
12756
|
flex-shrink: 0;
|
|
12682
|
-
margin-
|
|
12757
|
+
margin-right: 12px;
|
|
12683
12758
|
width: 24px;
|
|
12684
12759
|
height: 24px;
|
|
12685
12760
|
fill: var(--text-reverse-primary);
|
|
@@ -12703,11 +12778,11 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12703
12778
|
display: flex;
|
|
12704
12779
|
justify-content: space-between;
|
|
12705
12780
|
padding: 12px;
|
|
12706
|
-
border-
|
|
12781
|
+
border-top: 1px solid var(--borders-general);
|
|
12707
12782
|
min-height: auto;
|
|
12708
12783
|
}
|
|
12709
12784
|
.zen-dialog-content__footer-item {
|
|
12710
|
-
margin-
|
|
12785
|
+
margin-right: 8px;
|
|
12711
12786
|
}
|
|
12712
12787
|
.zen-dialog-content--small {
|
|
12713
12788
|
max-width: 400px;
|
|
@@ -12716,7 +12791,7 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12716
12791
|
max-width: 600px;
|
|
12717
12792
|
}
|
|
12718
12793
|
.zen-popup-default {
|
|
12719
|
-
box-shadow:
|
|
12794
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
|
12720
12795
|
border-radius: var(--border-radius-default);
|
|
12721
12796
|
}
|
|
12722
12797
|
.zen-popup-body.zen-popup-body {
|
|
@@ -12727,36 +12802,38 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12727
12802
|
}
|
|
12728
12803
|
.zen-alerts {
|
|
12729
12804
|
position: fixed;
|
|
12730
|
-
|
|
12731
|
-
|
|
12805
|
+
top: 0;
|
|
12806
|
+
right: 0;
|
|
12732
12807
|
z-index: 11020;
|
|
12733
12808
|
display: grid;
|
|
12734
12809
|
gap: 16px;
|
|
12735
|
-
margin-
|
|
12736
|
-
padding-
|
|
12810
|
+
margin-top: 48px;
|
|
12811
|
+
padding-right: 24px;
|
|
12737
12812
|
}
|
|
12738
12813
|
.zen-alerts--mobile {
|
|
12739
12814
|
width: 100%;
|
|
12740
12815
|
gap: 8px;
|
|
12741
|
-
margin-
|
|
12742
|
-
padding-
|
|
12816
|
+
margin-top: 40px;
|
|
12817
|
+
padding-right: 12px;
|
|
12818
|
+
padding-left: 12px;
|
|
12743
12819
|
box-sizing: border-box;
|
|
12744
12820
|
}
|
|
12745
12821
|
.zen-toasts {
|
|
12746
12822
|
position: fixed;
|
|
12747
|
-
|
|
12748
|
-
|
|
12823
|
+
bottom: 0;
|
|
12824
|
+
right: 0;
|
|
12749
12825
|
z-index: 11020;
|
|
12750
12826
|
display: grid;
|
|
12751
12827
|
gap: 16px;
|
|
12752
|
-
margin-
|
|
12753
|
-
padding-
|
|
12828
|
+
margin-bottom: 32px;
|
|
12829
|
+
padding-right: 24px;
|
|
12754
12830
|
}
|
|
12755
12831
|
.zen-toasts--mobile {
|
|
12756
12832
|
width: 100%;
|
|
12757
12833
|
gap: 8px;
|
|
12758
|
-
margin-
|
|
12759
|
-
padding-
|
|
12834
|
+
margin-bottom: 16px;
|
|
12835
|
+
padding-right: 12px;
|
|
12836
|
+
padding-left: 12px;
|
|
12760
12837
|
box-sizing: border-box;
|
|
12761
12838
|
}
|
|
12762
12839
|
@keyframes waiting {
|
|
@@ -12770,8 +12847,10 @@ html:lang(ar) .zen-radio__wrapper--mobile .zen-radio__label {
|
|
|
12770
12847
|
.zen-waiting {
|
|
12771
12848
|
box-sizing: border-box;
|
|
12772
12849
|
position: absolute;
|
|
12773
|
-
|
|
12774
|
-
|
|
12850
|
+
top: 0;
|
|
12851
|
+
bottom: 0;
|
|
12852
|
+
left: 0;
|
|
12853
|
+
right: 0;
|
|
12775
12854
|
overflow: hidden;
|
|
12776
12855
|
z-index: 10005;
|
|
12777
12856
|
}
|
|
@@ -12821,11 +12900,13 @@ html:lang(ar) .zen-waiting__spinner-text {
|
|
|
12821
12900
|
}
|
|
12822
12901
|
.zen-waiting__overlay {
|
|
12823
12902
|
position: absolute;
|
|
12824
|
-
|
|
12825
|
-
|
|
12903
|
+
top: 0;
|
|
12904
|
+
bottom: 0;
|
|
12905
|
+
left: 0;
|
|
12906
|
+
right: 0;
|
|
12826
12907
|
background-color: var(--backgrounds-overlay);
|
|
12827
12908
|
opacity: 0.12;
|
|
12828
|
-
text-align:
|
|
12909
|
+
text-align: left;
|
|
12829
12910
|
overflow: hidden;
|
|
12830
12911
|
}
|
|
12831
12912
|
.zen-waiting__overlay--hidden {
|
|
@@ -13172,7 +13253,7 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13172
13253
|
.zen-filters__main-row {
|
|
13173
13254
|
display: flex;
|
|
13174
13255
|
align-items: center;
|
|
13175
|
-
box-shadow:
|
|
13256
|
+
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
|
|
13176
13257
|
border-radius: 999px;
|
|
13177
13258
|
border: var(--border-width-default) solid var(--borders-general);
|
|
13178
13259
|
background-color: var(--backgrounds-main);
|
|
@@ -13221,7 +13302,7 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13221
13302
|
overflow: hidden;
|
|
13222
13303
|
text-overflow: ellipsis;
|
|
13223
13304
|
white-space: nowrap;
|
|
13224
|
-
|
|
13305
|
+
word-wrap: normal;
|
|
13225
13306
|
}
|
|
13226
13307
|
.zen-filters__select-caption {
|
|
13227
13308
|
width: auto;
|
|
@@ -13351,7 +13432,8 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13351
13432
|
.zen-filters-container__mobile-scroll-wrapper {
|
|
13352
13433
|
padding: 0.125rem;
|
|
13353
13434
|
display: flex;
|
|
13354
|
-
flex-
|
|
13435
|
+
flex-direction: row;
|
|
13436
|
+
flex-wrap: nowrap;
|
|
13355
13437
|
align-items: center;
|
|
13356
13438
|
gap: 0.5rem;
|
|
13357
13439
|
width: 100%;
|
|
@@ -13425,7 +13507,8 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13425
13507
|
height: 3rem;
|
|
13426
13508
|
}
|
|
13427
13509
|
.zen-groups-filter-menu__groups-box {
|
|
13428
|
-
overflow:
|
|
13510
|
+
overflow-y: auto;
|
|
13511
|
+
overflow-x: hidden;
|
|
13429
13512
|
max-height: 16.25rem;
|
|
13430
13513
|
}
|
|
13431
13514
|
.zen-groups-filter-menu__groups-list--no-space,
|
|
@@ -13510,7 +13593,7 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13510
13593
|
padding-inline-end: 0;
|
|
13511
13594
|
}
|
|
13512
13595
|
.zen-groups-filter-menu__item--underlined {
|
|
13513
|
-
border-
|
|
13596
|
+
border-bottom: 1px solid;
|
|
13514
13597
|
}
|
|
13515
13598
|
.zen-groups-filter-menu__item--inline {
|
|
13516
13599
|
display: inline-block;
|
|
@@ -13555,7 +13638,7 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13555
13638
|
overflow: hidden;
|
|
13556
13639
|
text-overflow: ellipsis;
|
|
13557
13640
|
white-space: nowrap;
|
|
13558
|
-
|
|
13641
|
+
word-wrap: normal;
|
|
13559
13642
|
}
|
|
13560
13643
|
.zen-groups-filter-menu__advanced-button,
|
|
13561
13644
|
.zen-groups-filter-menu__action-button-home {
|
|
@@ -13663,13 +13746,14 @@ html:lang(ar) .zen-file-upload__file-name {
|
|
|
13663
13746
|
border: none;
|
|
13664
13747
|
outline: none;
|
|
13665
13748
|
padding-inline-end: 0.3125rem;
|
|
13749
|
+
-webkit-appearance: none;
|
|
13666
13750
|
appearance: none;
|
|
13667
13751
|
background-color: inherit;
|
|
13668
13752
|
color: inherit;
|
|
13669
13753
|
overflow: hidden;
|
|
13670
13754
|
text-overflow: ellipsis;
|
|
13671
13755
|
white-space: nowrap;
|
|
13672
|
-
|
|
13756
|
+
word-wrap: normal;
|
|
13673
13757
|
}
|
|
13674
13758
|
.zen-groups-filter .zen-groups-filter__input:hover {
|
|
13675
13759
|
background-color: var(--backgrounds-hover);
|
|
@@ -13696,6 +13780,7 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
|
|
|
13696
13780
|
}
|
|
13697
13781
|
.zen-groups-filter__popup-trigger {
|
|
13698
13782
|
display: flex;
|
|
13783
|
+
border-color: var(--borders-general);
|
|
13699
13784
|
border: 1px solid var(--borders-general);
|
|
13700
13785
|
border-radius: var(--border-radius-default);
|
|
13701
13786
|
justify-content: center;
|
|
@@ -13797,7 +13882,7 @@ html:lang(ar) .zen-groups-filter .zen-groups-filter__input::placeholder {
|
|
|
13797
13882
|
display: flex;
|
|
13798
13883
|
}
|
|
13799
13884
|
.zen-item-data {
|
|
13800
|
-
padding: 0.75rem 0.75rem 0.6875rem;
|
|
13885
|
+
padding: 0.75rem 0.75rem 0.6875rem 0.75rem;
|
|
13801
13886
|
background-color: var(--backgrounds-main);
|
|
13802
13887
|
border-block-end: 1px solid var(--borders-general);
|
|
13803
13888
|
display: flex;
|
|
@@ -13901,7 +13986,7 @@ html:lang(ar) .zen-item-data__identifier {
|
|
|
13901
13986
|
overflow: hidden;
|
|
13902
13987
|
text-overflow: ellipsis;
|
|
13903
13988
|
white-space: nowrap;
|
|
13904
|
-
|
|
13989
|
+
word-wrap: normal;
|
|
13905
13990
|
color: var(--text-primary);
|
|
13906
13991
|
flex: 1 1 auto;
|
|
13907
13992
|
}
|
|
@@ -13920,7 +14005,7 @@ html:lang(ar) .zen-item-data__name {
|
|
|
13920
14005
|
overflow: hidden;
|
|
13921
14006
|
text-overflow: ellipsis;
|
|
13922
14007
|
white-space: nowrap;
|
|
13923
|
-
|
|
14008
|
+
word-wrap: normal;
|
|
13924
14009
|
color: var(--text-hyperlink);
|
|
13925
14010
|
flex: 1 1 auto;
|
|
13926
14011
|
width: 100%;
|
|
@@ -14171,7 +14256,7 @@ html:lang(ar) .zen-item-data__data-value {
|
|
|
14171
14256
|
flex: 0 0 auto;
|
|
14172
14257
|
}
|
|
14173
14258
|
.zen-list-item-compact {
|
|
14174
|
-
padding: 0.5rem 0 0.4375rem;
|
|
14259
|
+
padding: 0.5rem 0 0.4375rem 0;
|
|
14175
14260
|
background-color: var(--backgrounds-main);
|
|
14176
14261
|
border-block-end: 1px solid var(--borders-general);
|
|
14177
14262
|
display: flex;
|
|
@@ -14201,7 +14286,7 @@ html:lang(ar) .zen-item-data__data-value {
|
|
|
14201
14286
|
overflow: hidden;
|
|
14202
14287
|
text-overflow: ellipsis;
|
|
14203
14288
|
white-space: nowrap;
|
|
14204
|
-
|
|
14289
|
+
word-wrap: normal;
|
|
14205
14290
|
}
|
|
14206
14291
|
html:lang(ar) .zen-list-item-compact__name {
|
|
14207
14292
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -14308,15 +14393,15 @@ html:lang(ar) .zen-list-item-compact__data {
|
|
|
14308
14393
|
max-width: 31.25rem;
|
|
14309
14394
|
}
|
|
14310
14395
|
.zen-list-item {
|
|
14311
|
-
padding: 0.5rem 1rem 0.4375rem;
|
|
14396
|
+
padding: 0.5rem 1rem 0.4375rem 1rem;
|
|
14312
14397
|
background-color: var(--backgrounds-main);
|
|
14313
14398
|
border-block-end: 1px solid var(--borders-general);
|
|
14314
14399
|
display: flex;
|
|
14315
14400
|
gap: 0.5rem;
|
|
14316
14401
|
align-items: center;
|
|
14317
14402
|
width: 100%;
|
|
14318
|
-
box-sizing: border-box;
|
|
14319
14403
|
min-height: 3rem;
|
|
14404
|
+
box-sizing: border-box;
|
|
14320
14405
|
}
|
|
14321
14406
|
.zen-list-item:hover {
|
|
14322
14407
|
background-color: var(--backgrounds-content-1);
|
|
@@ -14363,7 +14448,7 @@ html:lang(ar) .zen-list-item__identifier {
|
|
|
14363
14448
|
overflow: hidden;
|
|
14364
14449
|
text-overflow: ellipsis;
|
|
14365
14450
|
white-space: nowrap;
|
|
14366
|
-
|
|
14451
|
+
word-wrap: normal;
|
|
14367
14452
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
14368
14453
|
font-size: 0.875rem;
|
|
14369
14454
|
font-style: normal;
|
|
@@ -14390,7 +14475,7 @@ html:lang(ar) .zen-list-item__name {
|
|
|
14390
14475
|
overflow: hidden;
|
|
14391
14476
|
text-overflow: ellipsis;
|
|
14392
14477
|
white-space: nowrap;
|
|
14393
|
-
|
|
14478
|
+
word-wrap: normal;
|
|
14394
14479
|
}
|
|
14395
14480
|
html:lang(ar) .zen-list-item__secondary {
|
|
14396
14481
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -14714,7 +14799,7 @@ html:lang(ar) .zen-filters-search-list__header-title {
|
|
|
14714
14799
|
align-items: center;
|
|
14715
14800
|
justify-content: center;
|
|
14716
14801
|
content: "\00d7";
|
|
14717
|
-
|
|
14802
|
+
top: 0;
|
|
14718
14803
|
inset-inline-end: 0.5rem;
|
|
14719
14804
|
width: 1.25rem;
|
|
14720
14805
|
height: 100%;
|
|
@@ -14921,13 +15006,14 @@ html:lang(ar) .zen-search-item-data-wrapper--mobile .zen-search-item-data__secon
|
|
|
14921
15006
|
padding-inline: 1rem;
|
|
14922
15007
|
align-items: center;
|
|
14923
15008
|
height: 3.8125rem;
|
|
14924
|
-
margin-inline: 0.25rem;
|
|
15009
|
+
margin-inline-end: 0.25rem;
|
|
15010
|
+
margin-inline-start: 0.25rem;
|
|
14925
15011
|
}
|
|
14926
15012
|
.zen-page-header__page-name {
|
|
14927
15013
|
overflow: hidden;
|
|
14928
15014
|
text-overflow: ellipsis;
|
|
14929
15015
|
white-space: nowrap;
|
|
14930
|
-
|
|
15016
|
+
word-wrap: normal;
|
|
14931
15017
|
max-width: 41rem;
|
|
14932
15018
|
padding: 0;
|
|
14933
15019
|
margin: 0;
|
|
@@ -14959,7 +15045,8 @@ html:lang(ar) .zen-page-header__page-name {
|
|
|
14959
15045
|
flex: 0 0 auto;
|
|
14960
15046
|
}
|
|
14961
15047
|
.zen-page-header__left-aligned-tool {
|
|
14962
|
-
margin-inline:
|
|
15048
|
+
margin-inline-end: auto;
|
|
15049
|
+
margin-inline-start: 0.375rem;
|
|
14963
15050
|
}
|
|
14964
15051
|
.zen-page-header__sub-line {
|
|
14965
15052
|
align-items: flex-start;
|
|
@@ -15028,7 +15115,6 @@ html:lang(ar) .zen-page-header--new .zen-page-header__main-line {
|
|
|
15028
15115
|
}
|
|
15029
15116
|
.zen-page-header--mobile .zen-page-header__main-line {
|
|
15030
15117
|
gap: 0.25rem;
|
|
15031
|
-
justify-content: initial;
|
|
15032
15118
|
}
|
|
15033
15119
|
.zen-page-header--mobile .zen-page-header__page-name {
|
|
15034
15120
|
max-width: 11.25rem;
|
|
@@ -15070,6 +15156,9 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
|
|
|
15070
15156
|
text-transform: none;
|
|
15071
15157
|
text-decoration: none;
|
|
15072
15158
|
}
|
|
15159
|
+
.zen-page-header--mobile .zen-page-header__main-line {
|
|
15160
|
+
justify-content: initial;
|
|
15161
|
+
}
|
|
15073
15162
|
.zen-tabs {
|
|
15074
15163
|
box-sizing: border-box;
|
|
15075
15164
|
width: 100%;
|
|
@@ -15093,7 +15182,8 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
|
|
|
15093
15182
|
}
|
|
15094
15183
|
.zen-tabs__scrollable {
|
|
15095
15184
|
display: flex;
|
|
15096
|
-
overflow: auto
|
|
15185
|
+
overflow-x: auto;
|
|
15186
|
+
overflow-y: hidden;
|
|
15097
15187
|
scrollbar-width: none;
|
|
15098
15188
|
-ms-overflow-style: none;
|
|
15099
15189
|
padding: 0.0625rem;
|
|
@@ -15188,11 +15278,6 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
|
|
|
15188
15278
|
width: 2.875rem;
|
|
15189
15279
|
height: 2.875rem;
|
|
15190
15280
|
}
|
|
15191
|
-
.zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive,
|
|
15192
|
-
.zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive-tablet {
|
|
15193
|
-
width: 3rem;
|
|
15194
|
-
height: 3rem;
|
|
15195
|
-
}
|
|
15196
15281
|
.zen-tabs .zen-tabs__gradient.zen-tabs__gradient--mobile.zen-tabs__gradient--left::after {
|
|
15197
15282
|
position: absolute;
|
|
15198
15283
|
content: "";
|
|
@@ -15211,6 +15296,15 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
|
|
|
15211
15296
|
inset-inline-end: calc(2.875rem - 0.5rem);
|
|
15212
15297
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15213
15298
|
}
|
|
15299
|
+
.zen-tabs.zen-tabs--drive,
|
|
15300
|
+
.zen-tabs.zen-tabs--drive-tablet {
|
|
15301
|
+
height: 3rem;
|
|
15302
|
+
}
|
|
15303
|
+
.zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive,
|
|
15304
|
+
.zen-tabs .zen-tabs__scroller.zen-tabs__scroller--drive-tablet {
|
|
15305
|
+
width: 3rem;
|
|
15306
|
+
height: 3rem;
|
|
15307
|
+
}
|
|
15214
15308
|
.zen-tabs .zen-tabs__gradient.zen-tabs__gradient--drive.zen-tabs__gradient--left::after,
|
|
15215
15309
|
.zen-tabs .zen-tabs__gradient.zen-tabs__gradient--drive-tablet.zen-tabs__gradient--left::after {
|
|
15216
15310
|
position: absolute;
|
|
@@ -15231,10 +15325,6 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
|
|
|
15231
15325
|
inset-inline-end: calc(3rem - 0.5rem);
|
|
15232
15326
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15233
15327
|
}
|
|
15234
|
-
.zen-tabs.zen-tabs--drive,
|
|
15235
|
-
.zen-tabs.zen-tabs--drive-tablet {
|
|
15236
|
-
height: 3rem;
|
|
15237
|
-
}
|
|
15238
15328
|
.zen-tab-item {
|
|
15239
15329
|
box-sizing: border-box;
|
|
15240
15330
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -15249,7 +15339,7 @@ html:lang(ar) .zen-page-header--mobile .zen-page-header__page-name {
|
|
|
15249
15339
|
padding: 5px 16px 4px;
|
|
15250
15340
|
height: 34px;
|
|
15251
15341
|
border: none;
|
|
15252
|
-
border-
|
|
15342
|
+
border-bottom: 3px solid transparent;
|
|
15253
15343
|
background-color: transparent;
|
|
15254
15344
|
color: var(--text-secondary);
|
|
15255
15345
|
fill: var(--text-secondary);
|
|
@@ -15263,13 +15353,13 @@ html:lang(ar) .zen-tab-item {
|
|
|
15263
15353
|
}
|
|
15264
15354
|
.zen-tab-item--active {
|
|
15265
15355
|
color: var(--text-hyperlink);
|
|
15266
|
-
border-
|
|
15356
|
+
border-bottom: 3px solid var(--borders-form-field--active);
|
|
15267
15357
|
}
|
|
15268
15358
|
.zen-tab-item.zen-tab-item--disabled {
|
|
15269
15359
|
cursor: default;
|
|
15270
15360
|
color: var(--text-button-disabled);
|
|
15271
15361
|
fill: var(--text-button-disabled);
|
|
15272
|
-
border-
|
|
15362
|
+
border-bottom: 3px solid transparent;
|
|
15273
15363
|
}
|
|
15274
15364
|
.zen-tab-item.zen-tab-item--disabled:hover,
|
|
15275
15365
|
.zen-tab-item.zen-tab-item--disabled:focus {
|
|
@@ -15311,8 +15401,8 @@ html:lang(ar) .zen-tab-item {
|
|
|
15311
15401
|
color: var(--text-reverse-primary);
|
|
15312
15402
|
min-width: 16px;
|
|
15313
15403
|
border-radius: 16px;
|
|
15314
|
-
padding:
|
|
15315
|
-
margin-
|
|
15404
|
+
padding: 0px 4px;
|
|
15405
|
+
margin-left: 8px;
|
|
15316
15406
|
}
|
|
15317
15407
|
html:lang(ar) .zen-tab-item__content-quantity {
|
|
15318
15408
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -15320,7 +15410,7 @@ html:lang(ar) .zen-tab-item__content-quantity {
|
|
|
15320
15410
|
.zen-tab-item__content-icon {
|
|
15321
15411
|
display: flex;
|
|
15322
15412
|
align-items: center;
|
|
15323
|
-
margin-
|
|
15413
|
+
margin-right: 10px;
|
|
15324
15414
|
max-height: 16px;
|
|
15325
15415
|
}
|
|
15326
15416
|
.zen-tab-item__content-icon--active {
|
|
@@ -15338,7 +15428,7 @@ html:lang(ar) .zen-tab-item__content-quantity {
|
|
|
15338
15428
|
overflow: hidden;
|
|
15339
15429
|
text-overflow: ellipsis;
|
|
15340
15430
|
white-space: nowrap;
|
|
15341
|
-
|
|
15431
|
+
word-wrap: normal;
|
|
15342
15432
|
max-width: 130px;
|
|
15343
15433
|
}
|
|
15344
15434
|
html:lang(ar) .zen-tab-item__content-text {
|
|
@@ -15460,7 +15550,8 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
|
|
|
15460
15550
|
}
|
|
15461
15551
|
.zen-filters-toolbar__scrollable {
|
|
15462
15552
|
display: flex;
|
|
15463
|
-
overflow: auto
|
|
15553
|
+
overflow-x: auto;
|
|
15554
|
+
overflow-y: hidden;
|
|
15464
15555
|
height: 100%;
|
|
15465
15556
|
scrollbar-width: none;
|
|
15466
15557
|
-ms-overflow-style: none;
|
|
@@ -15502,7 +15593,7 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
|
|
|
15502
15593
|
content: "";
|
|
15503
15594
|
margin-inline-start: -2.5rem;
|
|
15504
15595
|
height: 100%;
|
|
15505
|
-
|
|
15596
|
+
top: 0;
|
|
15506
15597
|
width: 2.5rem;
|
|
15507
15598
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15508
15599
|
}
|
|
@@ -15514,7 +15605,7 @@ html:lang(ar) .zen-tab-item.zen-tab-item--mobile .zen-tab-item__content-text {
|
|
|
15514
15605
|
content: "";
|
|
15515
15606
|
margin-inline-start: 2.5rem;
|
|
15516
15607
|
height: 100%;
|
|
15517
|
-
|
|
15608
|
+
top: 0;
|
|
15518
15609
|
width: 2.5rem;
|
|
15519
15610
|
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15520
15611
|
}
|
|
@@ -15614,7 +15705,7 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
|
|
|
15614
15705
|
content: "";
|
|
15615
15706
|
margin-inline-start: 3.5rem;
|
|
15616
15707
|
height: 100%;
|
|
15617
|
-
|
|
15708
|
+
top: 0;
|
|
15618
15709
|
width: 3.25rem;
|
|
15619
15710
|
z-index: 1000;
|
|
15620
15711
|
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
@@ -15629,7 +15720,7 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
|
|
|
15629
15720
|
content: "";
|
|
15630
15721
|
margin-inline-start: -3.25rem;
|
|
15631
15722
|
height: 100%;
|
|
15632
|
-
|
|
15723
|
+
top: 0;
|
|
15633
15724
|
width: 3.25rem;
|
|
15634
15725
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15635
15726
|
}
|
|
@@ -15638,7 +15729,7 @@ html:lang(ar) .zen-filters-toolbar__action-quantity {
|
|
|
15638
15729
|
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--backgrounds-content-0) 100%);
|
|
15639
15730
|
}
|
|
15640
15731
|
.zen-side-panel-parent--open {
|
|
15641
|
-
max-height:
|
|
15732
|
+
max-height: 100vh;
|
|
15642
15733
|
overflow-y: hidden;
|
|
15643
15734
|
}
|
|
15644
15735
|
.zen-filters-bar-dropdown {
|
|
@@ -15817,7 +15908,7 @@ html:lang(ar) .zen-range-field {
|
|
|
15817
15908
|
text-decoration: none;
|
|
15818
15909
|
color: var(--text-error-message);
|
|
15819
15910
|
fill: var(--text-error-message);
|
|
15820
|
-
margin-
|
|
15911
|
+
margin-top: 0.25rem;
|
|
15821
15912
|
}
|
|
15822
15913
|
html:lang(ar) .zen-range-field__error {
|
|
15823
15914
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -15858,7 +15949,7 @@ html:lang(ar) .zen-range-field__label--mobile {
|
|
|
15858
15949
|
}
|
|
15859
15950
|
.zen-range-field__input::-webkit-inner-spin-button,
|
|
15860
15951
|
.zen-range-field__input::-webkit-outer-spin-button {
|
|
15861
|
-
appearance: none;
|
|
15952
|
+
-webkit-appearance: none;
|
|
15862
15953
|
margin: 0;
|
|
15863
15954
|
}
|
|
15864
15955
|
.zen-range-field__input--mobile {
|
|
@@ -15877,7 +15968,7 @@ html:lang(ar) .zen-range-field__label--mobile {
|
|
|
15877
15968
|
text-transform: none;
|
|
15878
15969
|
text-decoration: none;
|
|
15879
15970
|
color: var(--text-primary);
|
|
15880
|
-
text-align:
|
|
15971
|
+
text-align: right;
|
|
15881
15972
|
}
|
|
15882
15973
|
html:lang(ar) .zen-range-field__sense {
|
|
15883
15974
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -15928,9 +16019,11 @@ html:lang(ar) .zen-range {
|
|
|
15928
16019
|
min-width: 18.5rem;
|
|
15929
16020
|
max-width: 20.5rem;
|
|
15930
16021
|
display: grid;
|
|
15931
|
-
|
|
16022
|
+
align-items: center;
|
|
16023
|
+
justify-items: start;
|
|
15932
16024
|
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);
|
|
15933
|
-
gap: 0.25rem
|
|
16025
|
+
row-gap: 0.25rem;
|
|
16026
|
+
column-gap: 0.5rem;
|
|
15934
16027
|
}
|
|
15935
16028
|
.zen-range__fields-container--column {
|
|
15936
16029
|
min-width: 12.5rem;
|
|
@@ -15939,7 +16032,8 @@ html:lang(ar) .zen-range {
|
|
|
15939
16032
|
grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
|
|
15940
16033
|
grid-template-rows: auto auto;
|
|
15941
16034
|
gap: 0.25rem 0.5rem;
|
|
15942
|
-
|
|
16035
|
+
align-items: center;
|
|
16036
|
+
justify-items: start;
|
|
15943
16037
|
}
|
|
15944
16038
|
.zen-range__trigger-button {
|
|
15945
16039
|
max-width: 12.5rem;
|
|
@@ -15961,8 +16055,8 @@ html:lang(ar) .zen-range {
|
|
|
15961
16055
|
text-transform: none;
|
|
15962
16056
|
text-decoration: none;
|
|
15963
16057
|
color: var(--text-secondary);
|
|
15964
|
-
padding: 0.75rem 1rem 0.6875rem;
|
|
15965
|
-
border-
|
|
16058
|
+
padding: 0.75rem 1rem 0.6875rem 1rem;
|
|
16059
|
+
border-bottom: 1px solid var(--backgrounds-content-1);
|
|
15966
16060
|
}
|
|
15967
16061
|
html:lang(ar) .zen-range__label {
|
|
15968
16062
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -15978,13 +16072,14 @@ html:lang(ar) .zen-range__label {
|
|
|
15978
16072
|
.zen-range__footer {
|
|
15979
16073
|
display: flex;
|
|
15980
16074
|
justify-content: flex-start;
|
|
15981
|
-
border-
|
|
16075
|
+
border-top: var(--border-width-default) solid var(--borders-general);
|
|
15982
16076
|
}
|
|
15983
16077
|
.zen-range__clear-button,
|
|
15984
16078
|
.zen-range__cancel-button,
|
|
15985
16079
|
.zen-range__apply-button {
|
|
15986
16080
|
margin-inline-end: 0.5rem;
|
|
15987
|
-
margin-
|
|
16081
|
+
margin-top: 0.5rem;
|
|
16082
|
+
margin-bottom: 0.25rem;
|
|
15988
16083
|
}
|
|
15989
16084
|
.zen-range__clear-button {
|
|
15990
16085
|
margin-inline-start: 0.5rem;
|
|
@@ -16022,14 +16117,17 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
|
|
|
16022
16117
|
grid-template-columns: minmax(min-content, auto) minmax(auto, 168px) minmax(0, auto);
|
|
16023
16118
|
grid-template-rows: auto auto;
|
|
16024
16119
|
gap: 0.25rem 0.5rem;
|
|
16025
|
-
|
|
16120
|
+
align-items: center;
|
|
16121
|
+
justify-items: start;
|
|
16026
16122
|
}
|
|
16027
16123
|
.zen-filters-bar-side-panel-range__items-container--row {
|
|
16028
16124
|
max-width: 18.5rem;
|
|
16029
16125
|
display: grid;
|
|
16030
|
-
|
|
16126
|
+
align-items: center;
|
|
16127
|
+
justify-items: start;
|
|
16031
16128
|
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);
|
|
16032
|
-
gap: 0.25rem
|
|
16129
|
+
row-gap: 0.25rem;
|
|
16130
|
+
column-gap: 0.5rem;
|
|
16033
16131
|
}
|
|
16034
16132
|
.zen-filters-bar-side-panel-range__item--column {
|
|
16035
16133
|
min-width: 8.5rem;
|
|
@@ -16059,10 +16157,11 @@ html:lang(ar) .zen-range-popup.zen-range-popup {
|
|
|
16059
16157
|
}
|
|
16060
16158
|
.zen-header-button--with-dropdown.zen-header-button--mobile .zen-caption__pre-content,
|
|
16061
16159
|
.zen-header-button--with-dropdown.zen-header-button--hidden-name .zen-caption__pre-content {
|
|
16062
|
-
margin-
|
|
16160
|
+
margin-right: 0;
|
|
16063
16161
|
}
|
|
16064
16162
|
.zen-header-button--with-dropdown.zen-header-button-with-dropdown--drive-tablet {
|
|
16065
|
-
padding-
|
|
16163
|
+
padding-top: 12px;
|
|
16164
|
+
padding-bottom: 12px;
|
|
16066
16165
|
}
|
|
16067
16166
|
.zen-filters-saved-popup__content {
|
|
16068
16167
|
margin: 1px;
|
|
@@ -16133,12 +16232,12 @@ html:lang(ar) .zen-filters-saved-popup__content {
|
|
|
16133
16232
|
border: none;
|
|
16134
16233
|
color: var(--text-primary);
|
|
16135
16234
|
flex-grow: 1;
|
|
16136
|
-
text-align:
|
|
16235
|
+
text-align: left;
|
|
16137
16236
|
cursor: pointer;
|
|
16138
16237
|
overflow: hidden;
|
|
16139
16238
|
text-overflow: ellipsis;
|
|
16140
16239
|
white-space: nowrap;
|
|
16141
|
-
|
|
16240
|
+
word-wrap: normal;
|
|
16142
16241
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
16143
16242
|
font-size: 0.875rem;
|
|
16144
16243
|
font-style: normal;
|
|
@@ -16403,7 +16502,8 @@ html:lang(ar) .zen-side-panel-filters__title--mobile {
|
|
|
16403
16502
|
fill: var(--text-primary);
|
|
16404
16503
|
}
|
|
16405
16504
|
.zen-side-panel-filters__content {
|
|
16406
|
-
overflow: hidden
|
|
16505
|
+
overflow-x: hidden;
|
|
16506
|
+
overflow-y: auto;
|
|
16407
16507
|
flex: 1 1 auto;
|
|
16408
16508
|
}
|
|
16409
16509
|
.zen-side-panel-filters__item {
|
|
@@ -16642,7 +16742,8 @@ html:lang(ar) .zen-side-panel-filters__item-label--mobile {
|
|
|
16642
16742
|
padding: 0.0625rem;
|
|
16643
16743
|
width: 100%;
|
|
16644
16744
|
display: flex;
|
|
16645
|
-
flex-
|
|
16745
|
+
flex-direction: row;
|
|
16746
|
+
flex-wrap: nowrap;
|
|
16646
16747
|
}
|
|
16647
16748
|
.zen-filters-select__list-item-wrapper--expanded {
|
|
16648
16749
|
z-index: 2;
|
|
@@ -16829,7 +16930,8 @@ html:lang(ar) .zen-side-panel-filters-bar__title {
|
|
|
16829
16930
|
}
|
|
16830
16931
|
.zen-side-panel-filters-bar__content {
|
|
16831
16932
|
padding-block-start: 0.5rem;
|
|
16832
|
-
overflow: hidden
|
|
16933
|
+
overflow-x: hidden;
|
|
16934
|
+
overflow-y: auto;
|
|
16833
16935
|
flex: 1 1 auto;
|
|
16834
16936
|
}
|
|
16835
16937
|
.zen-side-panel-filters-bar__apply-button--desktop {
|
|
@@ -17245,17 +17347,13 @@ html:lang(ar) .zen-form-layout-secondary {
|
|
|
17245
17347
|
.zen-form-layout {
|
|
17246
17348
|
padding: 0;
|
|
17247
17349
|
grid-template-rows: repeat(auto-fit, minmax(0, max-content));
|
|
17248
|
-
height: max-content;
|
|
17249
17350
|
}
|
|
17250
|
-
.zen-form-layout--has-wrapper {
|
|
17251
|
-
height:
|
|
17351
|
+
.zen-form-layout:not(.zen-form-layout--has-wrapper) {
|
|
17352
|
+
height: max-content;
|
|
17252
17353
|
}
|
|
17253
|
-
.zen-form-layout-stepper {
|
|
17354
|
+
.zen-form-layout-stepper:not(.zen-form-layout-stepper--with-banner) {
|
|
17254
17355
|
margin-block-end: 2.5rem;
|
|
17255
17356
|
}
|
|
17256
|
-
.zen-form-layout-stepper--with-banner {
|
|
17257
|
-
margin-block-end: 0;
|
|
17258
|
-
}
|
|
17259
17357
|
.zen-form-separator {
|
|
17260
17358
|
margin-block: 2rem;
|
|
17261
17359
|
margin-inline: 0;
|
|
@@ -17379,7 +17477,7 @@ html:lang(ar) .zen-form-layout-secondary {
|
|
|
17379
17477
|
.zen-mobile-search-control--expanded {
|
|
17380
17478
|
display: flex;
|
|
17381
17479
|
width: 100%;
|
|
17382
|
-
padding: 6px 12px;
|
|
17480
|
+
padding: 6px 12px 6px;
|
|
17383
17481
|
gap: 8px;
|
|
17384
17482
|
}
|
|
17385
17483
|
.zen-mobile-search-control__search {
|
|
@@ -17390,8 +17488,8 @@ html:lang(ar) .zen-form-layout-secondary {
|
|
|
17390
17488
|
}
|
|
17391
17489
|
.zen-mobile-filter-control__counter-wrapper {
|
|
17392
17490
|
position: absolute;
|
|
17393
|
-
|
|
17394
|
-
|
|
17491
|
+
top: 0;
|
|
17492
|
+
right: 0;
|
|
17395
17493
|
}
|
|
17396
17494
|
.zen-mobile-filter-control__counter {
|
|
17397
17495
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
@@ -17424,7 +17522,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
|
|
|
17424
17522
|
display: flex;
|
|
17425
17523
|
justify-content: space-between;
|
|
17426
17524
|
gap: 4px;
|
|
17427
|
-
|
|
17525
|
+
justify-items: center;
|
|
17526
|
+
align-items: center;
|
|
17428
17527
|
height: 56px;
|
|
17429
17528
|
width: 100%;
|
|
17430
17529
|
}
|
|
@@ -17441,7 +17540,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
|
|
|
17441
17540
|
gap: 8px;
|
|
17442
17541
|
align-items: center;
|
|
17443
17542
|
flex-shrink: 0;
|
|
17444
|
-
padding-
|
|
17543
|
+
padding-right: 4px;
|
|
17544
|
+
padding-left: 4px;
|
|
17445
17545
|
height: 100%;
|
|
17446
17546
|
}
|
|
17447
17547
|
.zen-header__section--middle {
|
|
@@ -17542,18 +17642,9 @@ html:lang(ar) .zen-mobile-filter-control__counter {
|
|
|
17542
17642
|
.zen-layout__middle-element {
|
|
17543
17643
|
height: 0;
|
|
17544
17644
|
}
|
|
17545
|
-
.zen-layout .zen-layout__content--full-screen > * {
|
|
17645
|
+
.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"]) {
|
|
17546
17646
|
display: none;
|
|
17547
17647
|
}
|
|
17548
|
-
.zen-layout .zen-layout__content--full-screen > .zen-layout__full-screen-element--visible {
|
|
17549
|
-
display: block;
|
|
17550
|
-
}
|
|
17551
|
-
.zen-layout .zen-layout__content--full-screen > .zen-layout__full-screen-element--visible * {
|
|
17552
|
-
display: initial;
|
|
17553
|
-
}
|
|
17554
|
-
.zen-layout .zen-layout__content--full-screen > [data-full-screen-parent="true"] {
|
|
17555
|
-
display: block;
|
|
17556
|
-
}
|
|
17557
17648
|
.zen-layout .zen-layout__content:has(> :first-child > :first-child .zen-data-grid-actions),
|
|
17558
17649
|
.zen-layout .zen-layout__content:has(> :first-child > :first-child.zen-data-grid-actions),
|
|
17559
17650
|
.zen-layout .zen-layout__content--full-screen:has(.zen-layout__full-screen-element--visible .zen-data-grid-actions) {
|
|
@@ -17576,7 +17667,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
|
|
|
17576
17667
|
box-sizing: border-box;
|
|
17577
17668
|
}
|
|
17578
17669
|
.zen-card-deck--mobile {
|
|
17579
|
-
padding-block: 0.125rem
|
|
17670
|
+
padding-block-start: 0.125rem;
|
|
17671
|
+
padding-block-end: 0.0625rem;
|
|
17580
17672
|
padding-inline: 0.75rem;
|
|
17581
17673
|
}
|
|
17582
17674
|
.zen-card-deck__cards {
|
|
@@ -17621,7 +17713,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
|
|
|
17621
17713
|
background-color: transparent;
|
|
17622
17714
|
display: flex;
|
|
17623
17715
|
justify-content: space-between;
|
|
17624
|
-
flex-
|
|
17716
|
+
flex-direction: row;
|
|
17717
|
+
flex-wrap: nowrap;
|
|
17625
17718
|
align-items: flex-start;
|
|
17626
17719
|
gap: 1.5rem;
|
|
17627
17720
|
}
|
|
@@ -17637,7 +17730,8 @@ html:lang(ar) .zen-mobile-filter-control__counter {
|
|
|
17637
17730
|
}
|
|
17638
17731
|
.zen-page-header-component__actions {
|
|
17639
17732
|
display: flex;
|
|
17640
|
-
flex-
|
|
17733
|
+
flex-direction: row;
|
|
17734
|
+
flex-wrap: nowrap;
|
|
17641
17735
|
align-items: center;
|
|
17642
17736
|
gap: 0.75rem;
|
|
17643
17737
|
}
|
|
@@ -17666,9 +17760,10 @@ html:lang(ar) .zen-mobile-filter-control__counter {
|
|
|
17666
17760
|
.zen-legend-list--flexible {
|
|
17667
17761
|
display: flex;
|
|
17668
17762
|
gap: 0.625rem;
|
|
17669
|
-
flex-
|
|
17763
|
+
flex-direction: row;
|
|
17670
17764
|
margin: 0;
|
|
17671
17765
|
padding: 0;
|
|
17766
|
+
flex-wrap: wrap;
|
|
17672
17767
|
}
|
|
17673
17768
|
.zen-legend-list__item {
|
|
17674
17769
|
display: flex;
|
|
@@ -17792,7 +17887,8 @@ html:lang(ar) .zen-mini-tabs {
|
|
|
17792
17887
|
}
|
|
17793
17888
|
.zen-nav__content {
|
|
17794
17889
|
flex: 1 1 auto;
|
|
17795
|
-
overflow:
|
|
17890
|
+
overflow-y: auto;
|
|
17891
|
+
overflow-x: hidden;
|
|
17796
17892
|
position: relative;
|
|
17797
17893
|
}
|
|
17798
17894
|
.zen-nav__content--has-scrollbar {
|
|
@@ -17898,7 +17994,6 @@ html:lang(ar) .zen-mini-tabs {
|
|
|
17898
17994
|
background-color: initial;
|
|
17899
17995
|
}
|
|
17900
17996
|
}
|
|
17901
|
-
/* stylelint-disable-next-line selector-not-notation */
|
|
17902
17997
|
.zen-nav-popup.zen-nav-popup:not(.zen-nav-popup .zen-nav-popup):not(.zen-nav-popup--mobile) {
|
|
17903
17998
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
17904
17999
|
font-size: 0.875rem;
|
|
@@ -17908,7 +18003,7 @@ html:lang(ar) .zen-mini-tabs {
|
|
|
17908
18003
|
line-height: 1rem;
|
|
17909
18004
|
text-transform: none;
|
|
17910
18005
|
text-decoration: none;
|
|
17911
|
-
box-shadow:
|
|
18006
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
|
17912
18007
|
border-radius: var(--border-radius-default);
|
|
17913
18008
|
box-sizing: border-box;
|
|
17914
18009
|
max-height: 50rem;
|
|
@@ -17991,14 +18086,13 @@ html:lang(ar) .zen-nav-popup.zen-nav-popup:not(.zen-nav-popup .zen-nav-popup):no
|
|
|
17991
18086
|
html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
|
|
17992
18087
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
17993
18088
|
}
|
|
17994
|
-
.zen-nav-item .zen-nav-item__main {
|
|
18089
|
+
.zen-nav-item:not(.zen-nav-item--collapsed) .zen-nav-item__main {
|
|
17995
18090
|
min-height: 36px;
|
|
17996
18091
|
}
|
|
17997
18092
|
.zen-nav-item--collapsed {
|
|
17998
18093
|
width: auto;
|
|
17999
18094
|
}
|
|
18000
18095
|
.zen-nav-item--collapsed .zen-nav-item__main {
|
|
18001
|
-
min-height: auto;
|
|
18002
18096
|
padding: 0;
|
|
18003
18097
|
width: auto;
|
|
18004
18098
|
display: inline-flex;
|
|
@@ -18011,8 +18105,8 @@ html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
|
|
|
18011
18105
|
.zen-nav-item--collapsed .zen-nav-item__icon--with-counter::before {
|
|
18012
18106
|
content: "";
|
|
18013
18107
|
position: absolute;
|
|
18014
|
-
|
|
18015
|
-
|
|
18108
|
+
top: 4px;
|
|
18109
|
+
right: 4px;
|
|
18016
18110
|
width: 8px;
|
|
18017
18111
|
height: 8px;
|
|
18018
18112
|
background-color: var(--action-destructive--default);
|
|
@@ -18025,12 +18119,12 @@ html:lang(ar) .zen-nav-item--active .zen-nav-item__title-text {
|
|
|
18025
18119
|
.zen-nav-item--button .zen-nav-item__main {
|
|
18026
18120
|
border: 0;
|
|
18027
18121
|
background: transparent;
|
|
18028
|
-
text-align:
|
|
18122
|
+
text-align: left;
|
|
18029
18123
|
}
|
|
18030
18124
|
.zen-nav-item--link .zen-nav-item__main {
|
|
18031
18125
|
text-decoration: none;
|
|
18032
18126
|
}
|
|
18033
|
-
.zen-nav-item--nested .zen-nav-item__main {
|
|
18127
|
+
.zen-nav-item--nested:not(.zen-nav-item--mobile) .zen-nav-item__main {
|
|
18034
18128
|
min-height: 32px;
|
|
18035
18129
|
border-radius: 4px;
|
|
18036
18130
|
padding: 4px;
|
|
@@ -18077,7 +18171,7 @@ html:lang(ar) .zen-nav-item__main {
|
|
|
18077
18171
|
fill: var(--accents-general--detail);
|
|
18078
18172
|
border-radius: 1rem;
|
|
18079
18173
|
padding: 6px 8px;
|
|
18080
|
-
margin-
|
|
18174
|
+
margin-right: 4px;
|
|
18081
18175
|
display: flex;
|
|
18082
18176
|
align-items: center;
|
|
18083
18177
|
flex: 0 0 auto;
|
|
@@ -18101,7 +18195,7 @@ html:lang(ar) .zen-nav-item__main {
|
|
|
18101
18195
|
overflow: hidden;
|
|
18102
18196
|
text-overflow: ellipsis;
|
|
18103
18197
|
white-space: nowrap;
|
|
18104
|
-
|
|
18198
|
+
word-wrap: normal;
|
|
18105
18199
|
font-family: Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
18106
18200
|
font-size: 0.875rem;
|
|
18107
18201
|
font-style: normal;
|
|
@@ -18195,7 +18289,7 @@ html:lang(ar) .zen-nav-item__title-text {
|
|
|
18195
18289
|
display: flex;
|
|
18196
18290
|
align-items: center;
|
|
18197
18291
|
flex: 1 1 100%;
|
|
18198
|
-
margin-
|
|
18292
|
+
margin-bottom: -3px;
|
|
18199
18293
|
/* Adjust for visual centering (compensate y letter shift) */
|
|
18200
18294
|
}
|
|
18201
18295
|
.zen-nav-header--collapsed {
|
|
@@ -18242,7 +18336,7 @@ html:lang(ar) .zen-nav-item__title-text {
|
|
|
18242
18336
|
gap: 8px;
|
|
18243
18337
|
padding: 3px 12px;
|
|
18244
18338
|
background: var(--backgrounds-content-0);
|
|
18245
|
-
border-
|
|
18339
|
+
border-top: 1px solid var(--borders-general);
|
|
18246
18340
|
}
|
|
18247
18341
|
.zen-nav-edit-footer {
|
|
18248
18342
|
display: flex;
|
|
@@ -18253,7 +18347,7 @@ html:lang(ar) .zen-nav-item__title-text {
|
|
|
18253
18347
|
width: calc(50% - 4px);
|
|
18254
18348
|
}
|
|
18255
18349
|
.zen-nav-edit-footer__button--with-margin {
|
|
18256
|
-
margin-
|
|
18350
|
+
margin-bottom: 8px;
|
|
18257
18351
|
}
|
|
18258
18352
|
.zen-nav-edit-footer--mobile {
|
|
18259
18353
|
flex-direction: column;
|
|
@@ -18287,7 +18381,7 @@ html:lang(ar) .zen-nav-edit-list__header {
|
|
|
18287
18381
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
18288
18382
|
}
|
|
18289
18383
|
.zen-nav-edit-list__header--no-gap {
|
|
18290
|
-
margin-
|
|
18384
|
+
margin-bottom: calc(var(--nav-items-gap) * -1);
|
|
18291
18385
|
}
|
|
18292
18386
|
.zen-nav-edit-list .zen-nav-edit-list__item--placeholder {
|
|
18293
18387
|
list-style-type: none;
|
|
@@ -18308,7 +18402,7 @@ html:lang(ar) .zen-nav-edit-list__header {
|
|
|
18308
18402
|
line-height: 1rem;
|
|
18309
18403
|
text-transform: none;
|
|
18310
18404
|
text-decoration: none;
|
|
18311
|
-
box-shadow:
|
|
18405
|
+
box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
|
|
18312
18406
|
position: relative;
|
|
18313
18407
|
display: flex;
|
|
18314
18408
|
flex-direction: row;
|
|
@@ -18327,7 +18421,7 @@ html:lang(ar) .zen-push {
|
|
|
18327
18421
|
.zen-push::before {
|
|
18328
18422
|
content: "";
|
|
18329
18423
|
position: absolute;
|
|
18330
|
-
|
|
18424
|
+
top: 0;
|
|
18331
18425
|
inset-inline-start: -0.375rem;
|
|
18332
18426
|
width: 0.4375rem;
|
|
18333
18427
|
height: 100%;
|
|
@@ -18364,7 +18458,7 @@ html:lang(ar) .zen-push__header {
|
|
|
18364
18458
|
text-transform: none;
|
|
18365
18459
|
text-decoration: none;
|
|
18366
18460
|
flex-grow: 1;
|
|
18367
|
-
padding-
|
|
18461
|
+
padding-top: 0.5rem;
|
|
18368
18462
|
display: flex;
|
|
18369
18463
|
flex-direction: column;
|
|
18370
18464
|
}
|
|
@@ -18381,11 +18475,12 @@ html:lang(ar) .zen-push__body {
|
|
|
18381
18475
|
}
|
|
18382
18476
|
.zen-push__text {
|
|
18383
18477
|
font-size: 0.75rem;
|
|
18384
|
-
padding-
|
|
18478
|
+
padding-bottom: 1rem;
|
|
18385
18479
|
}
|
|
18386
18480
|
.zen-push__title {
|
|
18387
18481
|
font-style: normal;
|
|
18388
|
-
padding-
|
|
18482
|
+
padding-bottom: 0.5rem;
|
|
18483
|
+
padding-top: 0.125rem;
|
|
18389
18484
|
}
|
|
18390
18485
|
.zen-push__title--error {
|
|
18391
18486
|
color: var(--accents-error--detail);
|
|
@@ -18671,7 +18766,7 @@ html:lang(ar) .zen-overview__label {
|
|
|
18671
18766
|
color: var(--text-primary);
|
|
18672
18767
|
align-items: center;
|
|
18673
18768
|
justify-content: space-between;
|
|
18674
|
-
padding: 0.25rem 0.75rem;
|
|
18769
|
+
padding: 0.25rem 0.75rem 0.25rem 0.75rem;
|
|
18675
18770
|
border-radius: 1.875rem;
|
|
18676
18771
|
background: var(--backgrounds-content-1);
|
|
18677
18772
|
}
|
|
@@ -18745,7 +18840,7 @@ html:lang(ar) .zen-pill {
|
|
|
18745
18840
|
fill: var(--accents-general--main);
|
|
18746
18841
|
}
|
|
18747
18842
|
.zen-pill--closable {
|
|
18748
|
-
padding-
|
|
18843
|
+
padding-right: 0.25rem;
|
|
18749
18844
|
}
|
|
18750
18845
|
.zen-pill--long {
|
|
18751
18846
|
min-width: 12.5rem;
|
|
@@ -18762,7 +18857,7 @@ html:lang(ar) .zen-pill {
|
|
|
18762
18857
|
border-radius: 0.9375rem;
|
|
18763
18858
|
padding: 0;
|
|
18764
18859
|
margin: 0;
|
|
18765
|
-
margin-
|
|
18860
|
+
margin-left: 8px;
|
|
18766
18861
|
cursor: pointer;
|
|
18767
18862
|
}
|
|
18768
18863
|
.zen-pill__close-button:active,
|
|
@@ -18782,7 +18877,8 @@ html:lang(ar) .zen-pill {
|
|
|
18782
18877
|
}
|
|
18783
18878
|
.zen-page-layout {
|
|
18784
18879
|
box-sizing: border-box;
|
|
18785
|
-
overflow: hidden
|
|
18880
|
+
overflow-x: hidden;
|
|
18881
|
+
overflow-y: auto;
|
|
18786
18882
|
z-index: 1000;
|
|
18787
18883
|
margin: 0;
|
|
18788
18884
|
touch-action: manipulation;
|
|
@@ -18862,7 +18958,7 @@ html:lang(ar) .zen-page-section__title {
|
|
|
18862
18958
|
color: var(--text-primary);
|
|
18863
18959
|
align-items: center;
|
|
18864
18960
|
justify-content: space-between;
|
|
18865
|
-
padding: 0.25rem 0.75rem;
|
|
18961
|
+
padding: 0.25rem 0.75rem 0.25rem 0.75rem;
|
|
18866
18962
|
border-radius: 1.875rem;
|
|
18867
18963
|
background: var(--backgrounds-content-1);
|
|
18868
18964
|
}
|
|
@@ -18871,12 +18967,12 @@ html:lang(ar) .zen-pill-actionable__block {
|
|
|
18871
18967
|
}
|
|
18872
18968
|
.zen-pill-actionable__icon {
|
|
18873
18969
|
display: none;
|
|
18874
|
-
margin-
|
|
18875
|
-
margin-
|
|
18970
|
+
margin-top: 2px;
|
|
18971
|
+
margin-right: 8px;
|
|
18876
18972
|
}
|
|
18877
18973
|
.zen-pill-actionable__input {
|
|
18878
18974
|
position: absolute;
|
|
18879
|
-
|
|
18975
|
+
left: -5000px;
|
|
18880
18976
|
}
|
|
18881
18977
|
.zen-pill-actionable__input:hover + .zen-pill-actionable__block--actionable {
|
|
18882
18978
|
background-color: var(--backgrounds-content-2);
|
|
@@ -18939,6 +19035,7 @@ html:lang(ar) .zen-pill-actionable__block {
|
|
|
18939
19035
|
.zen-sort-container__button {
|
|
18940
19036
|
display: flex;
|
|
18941
19037
|
padding: 0.4375rem 1rem;
|
|
19038
|
+
border-color: var(--borders-general);
|
|
18942
19039
|
border: 1px solid var(--borders-general);
|
|
18943
19040
|
border-radius: var(--border-radius-default);
|
|
18944
19041
|
justify-content: center;
|
|
@@ -19066,12 +19163,9 @@ html:lang(ar) .zen-sort-container__text-block {
|
|
|
19066
19163
|
html:lang(ar) .zen-stepper-field {
|
|
19067
19164
|
font-family: "Noto Sans Arabic", Roboto, "Segoe UI", Segoe, "Helvetica Neue", Helvetica, sans-serif;
|
|
19068
19165
|
}
|
|
19069
|
-
.zen-stepper-field:hover .zen-stepper-field__controls {
|
|
19166
|
+
.zen-stepper-field:not(.zen-stepper-field--disabled):hover .zen-stepper-field__controls {
|
|
19070
19167
|
visibility: visible;
|
|
19071
19168
|
}
|
|
19072
|
-
.zen-stepper-field--disabled:hover .zen-stepper-field__controls {
|
|
19073
|
-
visibility: hidden;
|
|
19074
|
-
}
|
|
19075
19169
|
.zen-stepper-field__input-wrapper {
|
|
19076
19170
|
position: relative;
|
|
19077
19171
|
}
|
|
@@ -19086,7 +19180,7 @@ html:lang(ar) .zen-stepper-field {
|
|
|
19086
19180
|
width: 1rem;
|
|
19087
19181
|
height: 1rem;
|
|
19088
19182
|
position: absolute;
|
|
19089
|
-
|
|
19183
|
+
top: 0.375rem;
|
|
19090
19184
|
}
|
|
19091
19185
|
.zen-stepper-field__controls:not(:hover),
|
|
19092
19186
|
.zen-stepper-field__controls:not(:active) {
|
|
@@ -19104,11 +19198,11 @@ html:lang(ar) .zen-stepper-field {
|
|
|
19104
19198
|
}
|
|
19105
19199
|
.zen-stepper-field__input::-webkit-outer-spin-button,
|
|
19106
19200
|
.zen-stepper-field__input::-webkit-inner-spin-button {
|
|
19107
|
-
appearance: none;
|
|
19201
|
+
-webkit-appearance: none;
|
|
19108
19202
|
margin: 0;
|
|
19109
19203
|
}
|
|
19110
19204
|
.zen-stepper-field__input[type="number"] {
|
|
19111
|
-
appearance: textfield;
|
|
19205
|
+
-moz-appearance: textfield;
|
|
19112
19206
|
}
|
|
19113
19207
|
.zen-stepper-field__input:hover:not(:disabled) + .zen-stepper-field__controls,
|
|
19114
19208
|
.zen-stepper-field__input:active:not(:disabled) + .zen-stepper-field__controls {
|
|
@@ -19148,12 +19242,15 @@ html:lang(ar) .zen-stepper-field {
|
|
|
19148
19242
|
.zen-stepper-field.zen-stepper-field--drive-tablet .zen-stepper-field__controls {
|
|
19149
19243
|
width: 1.25rem;
|
|
19150
19244
|
height: 1.25rem;
|
|
19151
|
-
inset-block-start: 0.875rem;
|
|
19152
19245
|
}
|
|
19153
19246
|
.zen-stepper-field.zen-stepper-field--drive .zen-stepper-field__input,
|
|
19154
19247
|
.zen-stepper-field.zen-stepper-field--drive-tablet .zen-stepper-field__input {
|
|
19155
19248
|
min-height: 3rem;
|
|
19156
19249
|
}
|
|
19250
|
+
.zen-stepper-field.zen-stepper-field--drive .zen-stepper-field__controls,
|
|
19251
|
+
.zen-stepper-field.zen-stepper-field--drive-tablet .zen-stepper-field__controls {
|
|
19252
|
+
top: 0.875rem;
|
|
19253
|
+
}
|
|
19157
19254
|
.zen-stepper-field.zen-stepper-field--drive.zen-stepper-field--drive .zen-text-input,
|
|
19158
19255
|
.zen-stepper-field.zen-stepper-field--drive-tablet.zen-stepper-field--drive .zen-text-input {
|
|
19159
19256
|
padding-inline-end: 1.625rem;
|
|
@@ -19178,31 +19275,38 @@ html:lang(ar) .zen-stepper-field.zen-stepper-field--mobile {
|
|
|
19178
19275
|
.zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__controls {
|
|
19179
19276
|
width: 1.25rem;
|
|
19180
19277
|
height: 1.25rem;
|
|
19181
|
-
inset-block-start: 0.875rem;
|
|
19182
19278
|
}
|
|
19183
19279
|
.zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__input {
|
|
19184
19280
|
min-height: 3rem;
|
|
19185
19281
|
}
|
|
19282
|
+
.zen-stepper-field.zen-stepper-field--mobile .zen-stepper-field__controls {
|
|
19283
|
+
top: 0.875rem;
|
|
19284
|
+
}
|
|
19186
19285
|
.zen-stepper-field.zen-stepper-field--mobile.zen-stepper-field--mobile .zen-text-input {
|
|
19187
19286
|
padding-inline-end: 1.625rem;
|
|
19188
19287
|
}
|
|
19189
19288
|
.zen-summaries__row {
|
|
19190
19289
|
display: flex;
|
|
19191
19290
|
align-items: top;
|
|
19192
|
-
flex-
|
|
19193
|
-
|
|
19291
|
+
flex-direction: row;
|
|
19292
|
+
flex-wrap: wrap;
|
|
19293
|
+
row-gap: 2rem;
|
|
19294
|
+
column-gap: 3.5rem;
|
|
19194
19295
|
}
|
|
19195
19296
|
.zen-summaries__column,
|
|
19196
19297
|
.zen-summaries__two-columns {
|
|
19197
19298
|
display: flex;
|
|
19198
|
-
flex-
|
|
19299
|
+
flex-direction: column;
|
|
19300
|
+
flex-wrap: wrap;
|
|
19199
19301
|
align-items: flex-start;
|
|
19200
|
-
gap: 2rem;
|
|
19201
|
-
|
|
19302
|
+
row-gap: 2rem;
|
|
19303
|
+
column-gap: 2rem;
|
|
19304
|
+
max-height: 100vh;
|
|
19202
19305
|
}
|
|
19203
19306
|
.zen-summaries__two-columns-container {
|
|
19204
19307
|
display: flex;
|
|
19205
|
-
gap: 2rem;
|
|
19308
|
+
row-gap: 2rem;
|
|
19309
|
+
column-gap: 2rem;
|
|
19206
19310
|
}
|
|
19207
19311
|
.zen-tab-bar-content {
|
|
19208
19312
|
box-sizing: border-box;
|
|
@@ -19343,8 +19447,8 @@ html:lang(ar) .zen-toolbar__trigger-button {
|
|
|
19343
19447
|
text-transform: none;
|
|
19344
19448
|
text-decoration: none;
|
|
19345
19449
|
box-sizing: border-box;
|
|
19346
|
-
--
|
|
19347
|
-
--
|
|
19450
|
+
--backgroundSwitcher: var(--action-primary--default);
|
|
19451
|
+
--backgroundRunner: var(--backgrounds-main);
|
|
19348
19452
|
display: flex;
|
|
19349
19453
|
align-items: center;
|
|
19350
19454
|
}
|
|
@@ -19390,7 +19494,7 @@ html:lang(ar) .zen-two-options-switcher {
|
|
|
19390
19494
|
min-height: 1rem;
|
|
19391
19495
|
border-radius: 1rem;
|
|
19392
19496
|
padding: 0.125rem;
|
|
19393
|
-
background-color: var(--
|
|
19497
|
+
background-color: var(--backgroundSwitcher);
|
|
19394
19498
|
overflow: visible;
|
|
19395
19499
|
position: relative;
|
|
19396
19500
|
cursor: pointer;
|
|
@@ -19404,8 +19508,8 @@ html:lang(ar) .zen-two-options-switcher {
|
|
|
19404
19508
|
min-height: 1.625rem;
|
|
19405
19509
|
border-radius: 50%;
|
|
19406
19510
|
opacity: 0.4;
|
|
19407
|
-
|
|
19408
|
-
background-color: var(--
|
|
19511
|
+
top: -0.3125rem;
|
|
19512
|
+
background-color: var(--backgroundSwitcher);
|
|
19409
19513
|
inset-inline-start: -0.3125rem;
|
|
19410
19514
|
}
|
|
19411
19515
|
.zen-two-options-switcher-control__runner {
|
|
@@ -19414,7 +19518,7 @@ html:lang(ar) .zen-two-options-switcher {
|
|
|
19414
19518
|
height: 0.75rem;
|
|
19415
19519
|
min-height: 0.75rem;
|
|
19416
19520
|
border-radius: 50%;
|
|
19417
|
-
background-color: var(--
|
|
19521
|
+
background-color: var(--backgroundRunner);
|
|
19418
19522
|
}
|
|
19419
19523
|
.zen-two-options-switcher-control--disabled {
|
|
19420
19524
|
opacity: 0.6;
|