mirrors/takahe
1
1
Fork 0
mirror of https://github.com/jointakahe/takahe.git synced 2024-11-22 15:21:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

Make it more app-like in standalone/mobile mode

Browse source
This commit is contained in:
Andrew Godwin 2022-11-21 17:05:00 -07:00
parent 0fdeb48ff4
commit f62fd13cbc
1 changed files with 27 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
static/css/style.css
View file

@ -129,6 +129,7 @@ footer a {
header { header {
display: flex; display: flex;
height: 50px;
} }
header .logo { header .logo {
@ -266,6 +267,7 @@ nav a i {
.columns { .columns {
display: flex; display: flex;
align-items: stretch;
} }
.left-column { .left-column {
@ -812,17 +814,39 @@ h1.identity small {
@media (max-width: 920px) or (display-mode: standalone) { @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 { main {
width: 100%; width: 100%;
overflow: hidden;
margin: 0; margin: 0;
box-shadow: none; box-shadow: none;
border-radius: 0; border-radius: 0;
} }
footer { footer {
width: 100%; display: none;
background-color: var(--color-bg-box);
padding: 10px 0;
} }
header .logo { header .logo {