Hide the auth disabled element on small screens (#1033)

This commit is contained in:
Daniel Markstedt 2022-12-11 17:48:07 -08:00 committed by GitHub
parent e78869644c
commit 31303a3122
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 11 deletions

View File

@ -276,20 +276,15 @@ div.header div.authentication-disabled a {
@media (max-width: 900px) {
div.header {
flex-wrap: wrap;
min-height: 3.5rem; /* Safari 14 iOS and iPad OS */
background: var(--dark);
}
body.auth-enabled:not(.logged-in) div.header {
flex-wrap: wrap;
min-height: 8.875rem; /* Safari 14 iOS and iPad OS */
}
body.auth-disabled div.header {
flex-wrap: wrap;
min-height: 7rem;
}
div.header div.title span.subtitle {
display: none;
}
@ -353,11 +348,7 @@ div.header div.authentication-disabled a {
}
div.header div.authentication-disabled {
flex: 0 0 100%;
align-items: end;
padding: 0.5rem;
background: var(--danger);
color: #fff;
display: none;
}
}