@servicetitan/design-system 12.4.1 → 12.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.js +2 -2
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/Frame/Frame.css +26 -2
- package/dist/components/Frame/Frame.css.map +1 -1
- package/dist/components/Frame/Frame.js +30 -10
- package/dist/components/Frame/Frame.js.map +1 -1
- package/dist/components/Frame/index.css +26 -2
- package/dist/components/Frame/index.css.map +1 -1
- package/dist/components/Page/Page.css +2 -1
- package/dist/components/Page/Page.css.map +1 -1
- package/dist/components/Page/index.css +2 -1
- package/dist/components/Page/index.css.map +1 -1
- package/dist/components/Sidebar/Sidebar.css +1 -1
- package/dist/components/Sidebar/SidebarSection.css +1 -1
- package/dist/components/Sidebar/index.css +1 -1
- package/dist/components/index.css +28 -4
- package/dist/components/index.css.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/system-light.css +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +29 -5
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +2 -2
- package/package.json +7 -9
|
@@ -4,7 +4,7 @@ import { PopoverProps } from '../Popover';
|
|
|
4
4
|
import { InputDateMaskProps } from './InputDateMask';
|
|
5
5
|
export interface DatePickerPropsStrict {
|
|
6
6
|
/** Use custom component as a Calendar */
|
|
7
|
-
calendar?: React.ComponentType<CalendarProps
|
|
7
|
+
calendar?: React.ComponentType<CalendarProps>;
|
|
8
8
|
/** Disabled state */
|
|
9
9
|
disabled?: InputDateMaskProps['disabled'];
|
|
10
10
|
/** Error state */
|
|
@@ -30,7 +30,7 @@ export const DatePicker = React.forwardRef((props, ref) => {
|
|
|
30
30
|
zone: timezone,
|
|
31
31
|
}).startOf('day')
|
|
32
32
|
: null;
|
|
33
|
-
const [IValue, setIValue] = React.useState(convertValue && new Date(convertValue === null || convertValue === void 0 ? void 0 : convertValue.toFormat('yyyy
|
|
33
|
+
const [IValue, setIValue] = React.useState(convertValue && new Date(convertValue === null || convertValue === void 0 ? void 0 : convertValue.toFormat('LL/dd/yyyy')));
|
|
34
34
|
const getNewToday = DateTime.fromJSDate(new Date(), {
|
|
35
35
|
zone: timezone,
|
|
36
36
|
});
|
|
@@ -104,7 +104,7 @@ export const DatePicker = React.forwardRef((props, ref) => {
|
|
|
104
104
|
let eventValue = event.target.value;
|
|
105
105
|
if (event.nativeEvent.target.className === 'k-nav-today') {
|
|
106
106
|
event.syntheticEvent.stopPropagation();
|
|
107
|
-
eventValue = new Date(getNewToday.toFormat('yyyy
|
|
107
|
+
eventValue = new Date(getNewToday.toFormat('LL/dd/yyyy'));
|
|
108
108
|
}
|
|
109
109
|
setIValue(eventValue);
|
|
110
110
|
const value = eventValue
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EACN,QAAQ,EAGR,YAAY,GAEZ,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAiEjC,MAAM,CAAC,MAAM,UAAU,GACtB,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAyB,EAAE,EAAE;IACrD,MAAM,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,KAAK,EACL,QAAQ,EAAE,cAAc,EACxB,SAAS,GAAG,IAAI,EAChB,IAAI,EACJ,SAAS,KAEN,KAAK,EADL,IAAI,UACJ,KAAK,EAhBH,8JAgBL,CAAQ,CAAC;IAEV,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAC7C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,YAAY,GAAG,KAAK;QACzB,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,EAAE;YAC3B,IAAI,EAAE,QAAQ;SACb,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;QACnB,CAAC,CAAC,IAAI,CAAC;IAER,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CACzC,YAAY,IAAI,IAAI,IAAI,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,8 +6,7 @@
|
|
|
6
6
|
font-family: "Nunito Sans", sans-serif;
|
|
7
7
|
display: flex;
|
|
8
8
|
flex-direction: column;
|
|
9
|
-
height:
|
|
10
|
-
min-height: calc(var(--frame-vh, 1vh) * 100);
|
|
9
|
+
height: 100vh;
|
|
11
10
|
}
|
|
12
11
|
|
|
13
12
|
.Frame__header {
|
|
@@ -21,4 +20,29 @@
|
|
|
21
20
|
overflow: hidden;
|
|
22
21
|
}
|
|
23
22
|
|
|
23
|
+
/*
|
|
24
|
+
* Hacky way of handling with mobile Chrome's head and 100vh layout.
|
|
25
|
+
* To be removed after Chrome to support dvh units.
|
|
26
|
+
*/
|
|
27
|
+
@media (hover: none) and (pointer: coarse) {
|
|
28
|
+
@supports (height: 100dvh) {
|
|
29
|
+
.Frame {
|
|
30
|
+
height: 100dvh;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
@supports not (height: 100dvh) {
|
|
34
|
+
html.with-frame-inside {
|
|
35
|
+
height: 100vh;
|
|
36
|
+
max-height: -moz-available;
|
|
37
|
+
max-height: -webkit-fill-available;
|
|
38
|
+
max-height: stretch;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.with-frame-inside,
|
|
42
|
+
.Frame {
|
|
43
|
+
height: 100%;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
24
48
|
/*# sourceMappingURL=Frame.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA;;;AAGD;EACC,SE2IoB;;;AFxIrB;EACC;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;AAAA;AAIC;EAEA;IACC;MAAS;;;EAGV;IACC;MACC;MAGA;MACA;MACA;;;IAID;AAAA;MAEC","file":"Frame.css"}
|
|
@@ -11,26 +11,46 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import classnames from 'classnames';
|
|
14
|
-
import throttle from 'lodash/throttle';
|
|
15
14
|
export const Frame = (_a) => {
|
|
16
15
|
var { children, className, el: El = 'div', header } = _a, props = __rest(_a, ["children", "className", "el", "header"]);
|
|
17
16
|
React.useEffect(() => {
|
|
18
17
|
document.body.classList.add('of-hidden');
|
|
19
18
|
return () => document.body.classList.remove('of-hidden');
|
|
20
19
|
}, []);
|
|
20
|
+
/*
|
|
21
|
+
* Hacky way of handling with mobile Chrome's head and 100vh layout.
|
|
22
|
+
* To be removed after Chrome to support dvh units.
|
|
23
|
+
*/
|
|
21
24
|
React.useEffect(() => {
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
document.documentElement.style.setProperty('--frame-vh', `${vh}px`);
|
|
26
|
-
}
|
|
27
|
-
}, 100);
|
|
28
|
-
calculateHeight();
|
|
29
|
-
window.addEventListener('resize', calculateHeight);
|
|
30
|
-
return () => window.removeEventListener('resize', calculateHeight);
|
|
25
|
+
const isHackRequired = !is100dvhSupported();
|
|
26
|
+
isHackRequired && frameParentsAddClass('with-frame-inside');
|
|
27
|
+
return () => isHackRequired && frameParentsRemoveClass('with-frame-inside');
|
|
31
28
|
}, []);
|
|
32
29
|
return (React.createElement(El, Object.assign({ className: classnames('Frame', className), "data-anvil-component": "Frame" }, props),
|
|
33
30
|
header && React.createElement("div", { className: "Frame__header" }, header),
|
|
34
31
|
React.createElement("div", { className: "Frame__content" }, children)));
|
|
35
32
|
};
|
|
33
|
+
const getFrameParents = () => {
|
|
34
|
+
const frame = document.querySelector('[data-anvil-component=Frame]');
|
|
35
|
+
if (!frame)
|
|
36
|
+
return [];
|
|
37
|
+
return [
|
|
38
|
+
...(function* (e) {
|
|
39
|
+
// eslint-disable-next-line no-param-reassign
|
|
40
|
+
while ((e = e.parentElement)) {
|
|
41
|
+
yield e;
|
|
42
|
+
}
|
|
43
|
+
})(frame),
|
|
44
|
+
];
|
|
45
|
+
};
|
|
46
|
+
const frameParentsAddClass = (className) => getFrameParents().forEach((parent) => parent.classList.add(className));
|
|
47
|
+
const frameParentsRemoveClass = (className) => getFrameParents().forEach((parent) => parent.classList.remove(className));
|
|
48
|
+
const is100dvhSupported = () => {
|
|
49
|
+
try {
|
|
50
|
+
return CSS.supports('height', '100dvh');
|
|
51
|
+
}
|
|
52
|
+
catch (e) {
|
|
53
|
+
return false;
|
|
54
|
+
}
|
|
55
|
+
};
|
|
36
56
|
//# sourceMappingURL=Frame.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Frame.js","sourceRoot":"","sources":["../../../src/components/Frame/Frame.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Frame.js","sourceRoot":"","sources":["../../../src/components/Frame/Frame.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAiBpC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAMrC,EAAE,EAAE;QANiC,EACrC,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,EAAE,GAAG,KAAK,EACd,MAAM,OAEN,EADG,KAAK,cAL6B,yCAMrC,CADQ;IAER,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACzC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP;;;OAGG;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,cAAc,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAE5C,cAAc,IAAI,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;QAC5D,OAAO,GAAG,EAAE,CACX,cAAc,IAAI,uBAAuB,CAAC,mBAAmB,CAAC,CAAC;IACjE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,oBAAC,EAAE,kBACF,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,0BACpB,OAAO,IACxB,KAAK;QAER,MAAM,IAAI,6BAAK,SAAS,EAAC,eAAe,IAAE,MAAM,CAAO;QACxD,6BAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO,CAC5C,CACL,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IAC5B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACrE,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IACtB,OAAO;QACN,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACf,6CAA6C;YAC7C,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,EAAE;gBAC7B,MAAM,CAAC,CAAC;aACR;QACF,CAAC,CAAC,CAAC,KAAK,CAAC;KACT,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,SAAiB,EAAE,EAAE,CAClD,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;AAExE,MAAM,uBAAuB,GAAG,CAAC,SAAiB,EAAE,EAAE,CACrD,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;AAE3E,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC9B,IAAI;QACH,OAAO,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;KACxC;IAAC,OAAO,CAAC,EAAE;QACX,OAAO,KAAK,CAAC;KACb;AACF,CAAC,CAAC"}
|
|
@@ -6,8 +6,7 @@
|
|
|
6
6
|
font-family: "Nunito Sans", sans-serif;
|
|
7
7
|
display: flex;
|
|
8
8
|
flex-direction: column;
|
|
9
|
-
height:
|
|
10
|
-
min-height: calc(var(--frame-vh, 1vh) * 100);
|
|
9
|
+
height: 100vh;
|
|
11
10
|
}
|
|
12
11
|
|
|
13
12
|
.Frame__header {
|
|
@@ -21,4 +20,29 @@
|
|
|
21
20
|
overflow: hidden;
|
|
22
21
|
}
|
|
23
22
|
|
|
23
|
+
/*
|
|
24
|
+
* Hacky way of handling with mobile Chrome's head and 100vh layout.
|
|
25
|
+
* To be removed after Chrome to support dvh units.
|
|
26
|
+
*/
|
|
27
|
+
@media (hover: none) and (pointer: coarse) {
|
|
28
|
+
@supports (height: 100dvh) {
|
|
29
|
+
.Frame {
|
|
30
|
+
height: 100dvh;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
@supports not (height: 100dvh) {
|
|
34
|
+
html.with-frame-inside {
|
|
35
|
+
height: 100vh;
|
|
36
|
+
max-height: -moz-available;
|
|
37
|
+
max-height: -webkit-fill-available;
|
|
38
|
+
max-height: stretch;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.with-frame-inside,
|
|
42
|
+
.Frame {
|
|
43
|
+
height: 100%;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
24
48
|
/*# sourceMappingURL=index.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA;;;AAGD;EACC,SE2IoB;;;AFxIrB;EACC;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;AAAA;AAIC;EAEA;IACC;MAAS;;;EAGV;IACC;MACC;MAGA;MACA;MACA;;;IAID;AAAA;MAEC","file":"index.css"}
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
width: 100%;
|
|
19
19
|
height: 100%;
|
|
20
20
|
flex: auto;
|
|
21
|
+
overflow: hidden;
|
|
21
22
|
}
|
|
22
23
|
|
|
23
24
|
.Content__wrapper {
|
|
@@ -162,9 +163,9 @@
|
|
|
162
163
|
align-items: center;
|
|
163
164
|
display: flex;
|
|
164
165
|
position: sticky;
|
|
165
|
-
z-index: 990;
|
|
166
166
|
bottom: 0;
|
|
167
167
|
flex-shrink: 0;
|
|
168
|
+
z-index: 798;
|
|
168
169
|
}
|
|
169
170
|
@media (min-width: 480px) {
|
|
170
171
|
.Page__footer {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Page/Page.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACYA;ACXC;EACA;AAEA;EACA;EDUA,kBANoB;EAOpB;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Page/Page.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACYA;ACXC;EACA;AAEA;EACA;EDUA,kBANoB;EAOpB;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC,SEkEW;;AFhEX;EAHD;IAIE;;EAEA;IAAgB,eE+DN;;;AF5DX;EATD;IAUE;;;;AAIF;AAAA;EAEC,WAvEgB;;AAyEhB;AAAA;EACC;;AAGD;AAAA;EACC,WA7EsB;;AAgFvB;AAAA;EACC;EACA;;AAGD;AAAA;EACC,WAvFe;EAwFf;;AAGD;AAAA;EACC,WA3FsB;;;AA+FxB;EAAgB,eE0BJ;;;AFxBZ;EACC;EACA;EACA,kBAhG0B;EAiG1B;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXD;IAYE;;;AAGD;EACC;EACA;;;AAIF;EACC,kBAnH0B;EAoH1B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGC;EACC;EACA;;AAIF;EACC;EACA;;AAGD;EACC;EACA;EACA,SEtBU;EFuBV;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AAKH;EACC;EACA;EACA,kBA9J0B;EA+J1B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAdD;IAeE","file":"Page.css"}
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
width: 100%;
|
|
19
19
|
height: 100%;
|
|
20
20
|
flex: auto;
|
|
21
|
+
overflow: hidden;
|
|
21
22
|
}
|
|
22
23
|
|
|
23
24
|
.Content__wrapper {
|
|
@@ -162,9 +163,9 @@
|
|
|
162
163
|
align-items: center;
|
|
163
164
|
display: flex;
|
|
164
165
|
position: sticky;
|
|
165
|
-
z-index: 990;
|
|
166
166
|
bottom: 0;
|
|
167
167
|
flex-shrink: 0;
|
|
168
|
+
z-index: 798;
|
|
168
169
|
}
|
|
169
170
|
@media (min-width: 480px) {
|
|
170
171
|
.Page__footer {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Page/Page.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACYA;ACXC;EACA;AAEA;EACA;EDUA,kBANoB;EAOpB;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Page/Page.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACYA;ACXC;EACA;AAEA;EACA;EDUA,kBANoB;EAOpB;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC,SEkEW;;AFhEX;EAHD;IAIE;;EAEA;IAAgB,eE+DN;;;AF5DX;EATD;IAUE;;;;AAIF;AAAA;EAEC,WAvEgB;;AAyEhB;AAAA;EACC;;AAGD;AAAA;EACC,WA7EsB;;AAgFvB;AAAA;EACC;EACA;;AAGD;AAAA;EACC,WAvFe;EAwFf;;AAGD;AAAA;EACC,WA3FsB;;;AA+FxB;EAAgB,eE0BJ;;;AFxBZ;EACC;EACA;EACA,kBAhG0B;EAiG1B;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXD;IAYE;;;AAGD;EACC;EACA;;;AAIF;EACC,kBAnH0B;EAoH1B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGC;EACC;EACA;;AAIF;EACC;EACA;;AAGD;EACC;EACA;EACA,SEtBU;EFuBV;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;;AAKH;EACC;EACA;EACA,kBA9J0B;EA+J1B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAdD;IAeE","file":"index.css"}
|
|
@@ -3026,8 +3026,7 @@ button.Button--full {
|
|
|
3026
3026
|
font-family: "Nunito Sans", sans-serif;
|
|
3027
3027
|
display: flex;
|
|
3028
3028
|
flex-direction: column;
|
|
3029
|
-
height:
|
|
3030
|
-
min-height: calc(var(--frame-vh, 1vh) * 100);
|
|
3029
|
+
height: 100vh;
|
|
3031
3030
|
}
|
|
3032
3031
|
|
|
3033
3032
|
.Frame__header {
|
|
@@ -3041,6 +3040,30 @@ button.Button--full {
|
|
|
3041
3040
|
overflow: hidden;
|
|
3042
3041
|
}
|
|
3043
3042
|
|
|
3043
|
+
/*
|
|
3044
|
+
* Hacky way of handling with mobile Chrome's head and 100vh layout.
|
|
3045
|
+
* To be removed after Chrome to support dvh units.
|
|
3046
|
+
*/
|
|
3047
|
+
@media (hover: none) and (pointer: coarse) {
|
|
3048
|
+
@supports (height: 100dvh) {
|
|
3049
|
+
.Frame {
|
|
3050
|
+
height: 100dvh;
|
|
3051
|
+
}
|
|
3052
|
+
}
|
|
3053
|
+
@supports not (height: 100dvh) {
|
|
3054
|
+
html.with-frame-inside {
|
|
3055
|
+
height: 100vh;
|
|
3056
|
+
max-height: -moz-available;
|
|
3057
|
+
max-height: -webkit-fill-available;
|
|
3058
|
+
max-height: stretch;
|
|
3059
|
+
}
|
|
3060
|
+
|
|
3061
|
+
.with-frame-inside,
|
|
3062
|
+
.Frame {
|
|
3063
|
+
height: 100%;
|
|
3064
|
+
}
|
|
3065
|
+
}
|
|
3066
|
+
}
|
|
3044
3067
|
/* Grid variables */
|
|
3045
3068
|
/* Grid component */
|
|
3046
3069
|
.Grid,
|
|
@@ -8874,6 +8897,7 @@ button.a-Icon svg {
|
|
|
8874
8897
|
width: 100%;
|
|
8875
8898
|
height: 100%;
|
|
8876
8899
|
flex: auto;
|
|
8900
|
+
overflow: hidden;
|
|
8877
8901
|
}
|
|
8878
8902
|
|
|
8879
8903
|
.Content__wrapper {
|
|
@@ -9018,9 +9042,9 @@ button.a-Icon svg {
|
|
|
9018
9042
|
align-items: center;
|
|
9019
9043
|
display: flex;
|
|
9020
9044
|
position: sticky;
|
|
9021
|
-
z-index: 990;
|
|
9022
9045
|
bottom: 0;
|
|
9023
9046
|
flex-shrink: 0;
|
|
9047
|
+
z-index: 798;
|
|
9024
9048
|
}
|
|
9025
9049
|
@media (min-width: 480px) {
|
|
9026
9050
|
.Page__footer {
|
|
@@ -9900,7 +9924,7 @@ button.a-Icon svg {
|
|
|
9900
9924
|
}
|
|
9901
9925
|
.Sidebar--collapsed .Sidebar__content {
|
|
9902
9926
|
visibility: hidden;
|
|
9903
|
-
overflow: hidden;
|
|
9927
|
+
overflow-x: hidden;
|
|
9904
9928
|
opacity: 0;
|
|
9905
9929
|
}
|
|
9906
9930
|
.Sidebar--collapsed .Sidebar__toggle-button:not(:hover) {
|