peterstockings/Stride
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replace sidebar with compact header and shared friend dashboards

Browse Source
This commit is contained in:
Peter Stockings
2026-10-02 15:05:02 +10:00
parent ca2926da0a
commit 794e74166a
7 changed files with 103 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/style.css
+6
View File
@@ -42,3 +42,9 @@ a.record-badge:focus-visible { outline: 2px solid #f3cb78; outline-offset: 3px;
.history-pagination { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:20px; border-top:1px solid var(--line); }
.history-pagination > div { display:flex; align-items:center; gap:12px; }
@media(max-width:680px) { .history-pagination { flex-direction:column; align-items:flex-start; } .history-pagination > div { flex-wrap:wrap; } }
/* Compact application navigation */
.app-shell main{margin-left:0}.app-header{max-width:1506px;margin:auto;padding:0 42px;height:84px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.header-nav{display:flex;align-items:center;gap:8px;margin-left:auto}.header-nav a{padding:9px 13px;border-radius:5px;color:var(--muted);font-size:13px}.header-nav a:hover,.header-nav a.active{background:#292f32;color:var(--ink)}.header-actions{display:flex;align-items:center;gap:14px}.account-dropdown{position:relative}.account-dropdown summary{cursor:pointer;list-style:none}.account-dropdown summary::-webkit-details-marker{display:none}.account-dropdown-menu{position:absolute;right:0;top:46px;width:240px;padding:12px;background:#242b2e;border:1px solid #485154;border-radius:7px;box-shadow:0 12px 35px #0008;z-index:1100}.account-dropdown-menu>strong{display:block;padding:8px 10px;font-size:12px;color:var(--muted);border-bottom:1px solid #3c4447;margin-bottom:5px}.account-dropdown-menu>a,.account-dropdown-menu button{display:block;width:100%;text-align:left;padding:10px;border-radius:4px;color:var(--ink);font-size:12px}.account-dropdown-menu>a:hover,.account-dropdown-menu button:hover{background:#343d40}.account-dropdown summary:focus-visible{outline:2px solid #ff956a;outline-offset:4px}
@media(max-width:680px){.app-header{height:auto;min-height:72px;padding:16px 18px;gap:12px;flex-wrap:wrap}.app-header .brand{font-size:25px;gap:8px}.app-header .brand-mark{width:28px;height:28px;font-size:25px}.header-nav{gap:0}.header-nav a{padding:8px;font-size:12px}.header-actions{gap:8px}.header-import{order:1;padding:8px 10px;font-size:11px}.header-import .icon{display:none}.app-header .brand-dot{margin-left:-6px}.account-dropdown-menu{width:220px}.app-shell .page{padding-top:25px}.page-heading h1{font-size:30px}}
@media(max-width:680px){.header-import{display:none}}