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

Hub nav: Short links with descriptions, drag shell, zoom-safe layout.

Browse Source 
Add URL shortener to the hub left shell with label and description when expanded; share nav_shell.js (click + horizontal drag on handle) across hub and crashes console; widen open nav to 240px; fix viewport overflow when browser zoom changes.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Anton Afanasyeu
2026-06-12 21:10:55 +02:00
parent 539341d8f1
commit a8ef161e75
11 changed files with 260 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,12 +5,19 @@
--landing-footer-h: 40px;
--landing-left-w: 56px;
--landing-rail-w: 44px;
overflow: hidden;
display: flex;
flex-direction: column;
min-height: 100vh;
min-height: 100dvh;
width: 100%;
max-width: 100%;
overflow-x: clip;
overflow-y: auto;
}
/* (1) Top header */
.landing-top {
position: fixed;
position: sticky;
top: 0;
left: 0;
right: 0;
@@ -145,11 +152,11 @@
/* Frame: (2) left + (3) body + space for (4) rail */
.landing-frame {
position: fixed;
top: var(--landing-header-h);
left: 0;
right: 0;
bottom: var(--landing-footer-h);
position: relative;
flex: 1 1 auto;
width: 100%;
max-width: 100%;
min-height: calc(100dvh - var(--landing-header-h) - var(--landing-footer-h));
display: flex;
z-index: 5;
pointer-events: none;
@@ -162,8 +169,9 @@
flex-direction: column;
flex: 0 0 var(--landing-left-w);
width: var(--landing-left-w);
height: 100%;
max-height: 100%;
align-self: stretch;
min-height: 100%;
max-height: none;
overflow: hidden;
z-index: 3;
pointer-events: auto;
@@ -180,15 +188,16 @@
border-top: 1px solid var(--border);
}
.landing-left.nav-pane.open {
width: 200px;
flex-basis: 200px;
width: 240px;
flex-basis: 240px;
}
/* (3) Body — full viewport pages, scroll snap */
.landing-scroll {
flex: 1;
min-width: 0;
height: 100%;
align-self: stretch;
min-height: 100%;
overflow-y: auto;
overflow-x: hidden;
scroll-snap-type: y mandatory;