diff --git a/cockpit/static/css/app-sidebar-neo.css b/cockpit/static/css/app-sidebar-neo.css index 14c3f4d..40a03f7 100644 --- a/cockpit/static/css/app-sidebar-neo.css +++ b/cockpit/static/css/app-sidebar-neo.css @@ -9,8 +9,11 @@ .app-sidebar { position: sticky; top: 0; - height: 100vh; - overflow-y: auto; + align-self: start; + height: auto; + max-height: none; + overflow: visible; + overflow-x: hidden; padding: 0.75rem 0.6rem; background: #080c12; border-right: 1px solid rgba(148, 163, 184, 0.1); diff --git a/cockpit/static/css/mobile.css b/cockpit/static/css/mobile.css index 57ac174..524c009 100644 --- a/cockpit/static/css/mobile.css +++ b/cockpit/static/css/mobile.css @@ -109,6 +109,9 @@ body { overflow-x: hidden; padding-bottom: var(--safe-bottom); } padding-top: max(1rem, var(--safe-top)); flex-direction: column !important; flex-wrap: nowrap !important; + overflow-y: auto; + overflow-x: hidden; + -webkit-overflow-scrolling: touch; } body.nav-open .app-sidebar { transform: translateX(0); } body.nav-open { overflow: hidden; } diff --git a/cockpit/static/css/palantir-theme.css b/cockpit/static/css/palantir-theme.css index bb1da1b..271fc78 100644 --- a/cockpit/static/css/palantir-theme.css +++ b/cockpit/static/css/palantir-theme.css @@ -25,6 +25,32 @@ a:hover { text-decoration: underline; } +/* Themed scrollbars (Firefox + WebKit) */ +html { + scrollbar-color: rgba(100, 116, 139, 0.5) rgba(8, 12, 18, 0.65); + scrollbar-width: thin; +} + +*::-webkit-scrollbar { + width: 8px; + height: 8px; +} + +*::-webkit-scrollbar-track { + background: rgba(8, 12, 18, 0.55); +} + +*::-webkit-scrollbar-thumb { + background: rgba(100, 116, 139, 0.45); + border-radius: 999px; + border: 2px solid rgba(8, 12, 18, 0.55); +} + +*::-webkit-scrollbar-thumb:hover { + background: rgba(148, 163, 184, 0.6); +} + + .layout { display: flex; min-height: 100vh; diff --git a/cockpit/templates/base.html b/cockpit/templates/base.html index 9cfee0a..9a23ca9 100644 --- a/cockpit/templates/base.html +++ b/cockpit/templates/base.html @@ -12,16 +12,16 @@ - + - + {% block extra_head %}{% endblock %} - + diff --git a/cockpit/templates/dashboard.html b/cockpit/templates/dashboard.html index b928c32..1616272 100644 --- a/cockpit/templates/dashboard.html +++ b/cockpit/templates/dashboard.html @@ -2,7 +2,7 @@ {% block extra_head %} - + {% endblock %} {% block content %}