diff options
| author | Andrew Godwin | 2022-11-21 17:05:00 -0700 |
|---|---|---|
| committer | Andrew Godwin | 2022-11-21 16:14:03 -0700 |
| commit | f62fd13cbca50e871063ace72381059bb58d64ce (patch) | |
| tree | 9907eed0675d5d7b90b848e8637bb50fb1e58274 /static | |
| parent | 0fdeb48ff48ae4561e2eb00b3fcdaa2b70046569 (diff) | |
| download | takahe-f62fd13cbca50e871063ace72381059bb58d64ce.tar.gz takahe-f62fd13cbca50e871063ace72381059bb58d64ce.tar.bz2 takahe-f62fd13cbca50e871063ace72381059bb58d64ce.zip | |
Make it more app-like in standalone/mobile mode
Diffstat (limited to 'static')
| -rw-r--r-- | static/css/style.css | 30 |
1 files changed, 27 insertions, 3 deletions
diff --git a/static/css/style.css b/static/css/style.css index 1584e68..7c22553 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -129,6 +129,7 @@ footer a { header { display: flex; + height: 50px; } header .logo { @@ -266,6 +267,7 @@ nav a i { .columns { display: flex; + align-items: stretch; } .left-column { @@ -812,17 +814,39 @@ h1.identity small { @media (max-width: 920px) or (display-mode: standalone) { + html { + scrollbar-color: var(--color-bg-main) var(--color-text-duller); + } + + *::-webkit-scrollbar { + background: var(--color-bg-main); + } + + *::-webkit-scrollbar-thumb { + background: var(--color-text-dull); + } + + div.columns { + height: calc(100vh - 50px); + align-items: stretch; + } + + .left-column, + .right-column { + overflow-y: auto; + overflow-x: hidden; + } + main { width: 100%; + overflow: hidden; margin: 0; box-shadow: none; border-radius: 0; } footer { - width: 100%; - background-color: var(--color-bg-box); - padding: 10px 0; + display: none; } header .logo { |