forked from vikunja/frontend
azymondrian
3c3d6a4af3
Fix main body overflow on medium screen sizes Remove wait for done button in cypress test Add wait for done button in cypress test Calc whether menu should be open on first page load Mobile Menu fixes - Doesn't scrunch the main content on opening the menu - Keep main content aligned left when the menu is open Co-authored-by: kolaente <k@knt.li> Reviewed-on: vikunja/frontend#332 Reviewed-by: konrad <konrad@kola-entertainments.de> Co-Authored-By: azymondrian <azymondrian@protonmail.com> Co-Committed-By: azymondrian <azymondrian@protonmail.com>
56 lines
919 B
SCSS
56 lines
919 B
SCSS
.app-container {
|
|
min-height: calc(100vh - 65px);
|
|
@media screen and (max-width: $tablet) {
|
|
padding-top: $navbar-height;
|
|
}
|
|
|
|
.app-content {
|
|
padding: $navbar-height + 1.5rem 1.5em 1rem 1.5em;
|
|
z-index: 2;
|
|
|
|
&.is-menu-enabled {
|
|
margin-left: $navbar-width;
|
|
}
|
|
|
|
@media screen and (max-width: $tablet) {
|
|
margin-left: 0;
|
|
padding-top: 1.5em;
|
|
min-height: calc(100vh - 4rem);
|
|
|
|
&.is-menu-enabled {
|
|
min-width: 100%;
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
.card {
|
|
background: #fff;
|
|
}
|
|
}
|
|
}
|
|
|
|
.noauth-container {
|
|
max-width: 450px;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
padding: 1rem;
|
|
|
|
@media screen and (max-width: 450px) {
|
|
.login-buttons {
|
|
flex-direction: column;
|
|
|
|
.control:first-child {
|
|
margin-bottom: 1rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.media-content {
|
|
width: calc(100% - 48px - 2em);
|
|
}
|
|
|
|
.content h3 .is-small {
|
|
font-size: 1rem;
|
|
}
|