ac/android_cast
1
0
Fork 0
mirror of git://f0xx.org/android_cast synced 2026-07-29 04:57:40 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix shell full-height layout and landing scroll chrome regressions.

Browse Source 
Restore fixed shell/landing-frame sizing from a8ef161 zoom experiment; hide landing page scrollbar while keeping wheel/keyboard/rail nav; constrain graphs main-pane width to stop horizontal overflow.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Anton Afanasyeu
2026-06-12 21:33:30 +02:00
parent f6080f3306
commit 7bb8ad097f
3 changed files with 38 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
examples/app_hub/hub-landing.css
View File

@@ -5,19 +5,16 @@
--landing-footer-h: 40px;
--landing-left-w: 56px;
--landing-rail-w: 44px;
display: flex;
flex-direction: column;
min-height: 100vh;
min-height: 100dvh;
width: 100%;
max-width: 100%;
overflow-x: clip;
overflow-y: auto;
height: 100vh;
height: 100dvh;
overflow: hidden;
}
/* (1) Top header */
.landing-top {
position: sticky;
position: fixed;
top: 0;
left: 0;
right: 0;
@@ -152,11 +149,11 @@
/* Frame: (2) left + (3) body + space for (4) rail */
.landing-frame {
position: relative;
flex: 1 1 auto;
width: 100%;
max-width: 100%;
min-height: calc(100dvh - var(--landing-header-h) - var(--landing-footer-h));
position: fixed;
top: var(--landing-header-h);
left: 0;
right: 0;
bottom: var(--landing-footer-h);
display: flex;
z-index: 5;
pointer-events: none;
@@ -169,9 +166,8 @@
flex-direction: column;
flex: 0 0 var(--landing-left-w);
width: var(--landing-left-w);
align-self: stretch;
min-height: 100%;
max-height: none;
height: 100%;
max-height: 100%;
overflow: hidden;
z-index: 3;
pointer-events: auto;
@@ -196,15 +192,19 @@
.landing-scroll {
flex: 1;
min-width: 0;
align-self: stretch;
min-height: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
scroll-snap-type: y mandatory;
scroll-behavior: smooth;
pointer-events: auto;
scrollbar-width: thin;
scrollbar-color: var(--border) transparent;
scrollbar-width: none;
-ms-overflow-style: none;
}
.landing-scroll::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
.landing-page {