codexly-ui 0.19.1 → 0.19.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.
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
/* ── Scrollbar ───────────────────────────────────────────────────────────── */
|
|
28
|
-
::-webkit-scrollbar { width:
|
|
28
|
+
::-webkit-scrollbar { width: 6px; height: 6px; }
|
|
29
29
|
::-webkit-scrollbar-track { background-color: transparent; }
|
|
30
30
|
::-webkit-scrollbar-thumb {
|
|
31
31
|
background-color: var(--clx-scroll-light, var(--clx-primary-light));
|
package/fesm2022/codexly-ui.mjs
CHANGED
|
@@ -9029,7 +9029,11 @@ const MODAL_SIZE_MAP = {
|
|
|
9029
9029
|
md: 'w-full',
|
|
9030
9030
|
lg: 'w-full',
|
|
9031
9031
|
xl: 'w-full',
|
|
9032
|
-
|
|
9032
|
+
// h-dvh, not h-screen (100vh) — same Android Chrome issue as DRAWER_CONTAINER_CLASS/
|
|
9033
|
+
// ClxAppLayoutComponent: 100vh is computed against the largest possible viewport, so once the
|
|
9034
|
+
// browser's own chrome (address bar, nav buttons) is actually on-screen, a full-size modal ends
|
|
9035
|
+
// up taller than what's visible and clips its own footer/content below the fold.
|
|
9036
|
+
full: 'w-full h-dvh rounded-none',
|
|
9033
9037
|
};
|
|
9034
9038
|
const MODAL_CONTAINER_CLASS = 'flex flex-col bg-clx-surface rounded-2xl shadow-2xl overflow-hidden';
|
|
9035
9039
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
@@ -12045,7 +12049,12 @@ const DRAWER_WIDTH_MAP = {
|
|
|
12045
12049
|
md: '420px',
|
|
12046
12050
|
lg: '560px',
|
|
12047
12051
|
};
|
|
12048
|
-
|
|
12052
|
+
// h-dvh (dynamic viewport height), not h-screen (100vh): on Android Chrome, 100vh is computed
|
|
12053
|
+
// against the *largest* viewport (as if the address bar were hidden), so once that browser chrome
|
|
12054
|
+
// is actually on-screen the drawer is taller than what's visible — pushing its footer (confirm/
|
|
12055
|
+
// cancel buttons) below the fold even though the body above it still scrolls fine. Same root cause
|
|
12056
|
+
// already fixed in ClxAppLayoutComponent's host class — see its own doc comment.
|
|
12057
|
+
const DRAWER_CONTAINER_CLASS = 'flex flex-col bg-clx-surface shadow-2xl overflow-hidden h-dvh';
|
|
12049
12058
|
const CLX_DRAWER_SIZE = new InjectionToken('CLX_DRAWER_SIZE');
|
|
12050
12059
|
|
|
12051
12060
|
class ClxDrawerComponent {
|