ami/tl-vikunja
1
0
Fork 0
Code

feat: reduce contentAuth selector specifity (#2677)

Browse Source 
Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2677
Co-authored-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
Co-committed-by: Dominik Pschenitschni <dpschen@noreply.kolaente.de>
This commit is contained in:
Dominik Pschenitschni 2022-11-12 10:45:24 +00:00 committed by konrad
parent 9f0f0b39f8
commit 12a8f7ebe9
1 changed files with 28 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/components/home/contentAuth.vue
View File

@ -154,41 +154,43 @@ labelStore.loadAllLabels()
@media screen and (max-width: $tablet) { @media screen and (max-width: $tablet) {
padding-top: $navbar-height; padding-top: $navbar-height;
} }
}
.app-content { .app-content {
z-index: 10; z-index: 10;
position: relative; position: relative;
padding-top: 1rem; padding-top: 1rem;
@media screen { @media screen {
padding: $navbar-height + 1.5rem 1.5rem 1rem 1.5rem; padding: $navbar-height + 1.5rem 1.5rem 1rem 1.5rem;
} }
// Used to make sure the spinner is always in the middle while loading @media screen and (max-width: $tablet) {
> .loader-container { margin-left: 0;
min-height: calc(100vh - #{$navbar-height + 1.5rem + 1rem}); padding-top: 1.5rem;
} min-height: calc(100vh - 4rem);
}
@media screen and (max-width: $tablet) {
margin-left: 0;
padding-top: 1.5rem;
min-height: calc(100vh - 4rem);
}
@media screen { @media screen {
&.is-menu-enabled { &.is-menu-enabled {
margin-left: $navbar-width; margin-left: $navbar-width;
@media screen and (max-width: $tablet) { @media screen and (max-width: $tablet) {
min-width: 100%; min-width: 100%;
margin-left: 0; margin-left: 0;
}
} }
} }
}
.card { // Used to make sure the spinner is always in the middle while loading
background: var(--white); > .loader-container {
} min-height: calc(100vh - #{$navbar-height + 1.5rem + 1rem});
}
// FIXME: This should be somehow defined inside Card.vue
.card {
background: var(--white);
} }
} }