Make sure the task popup view takes up all the space it can on mobile

This commit is contained in:
kolaente 2021-08-06 23:52:55 +02:00
parent f4a4909ead
commit d21795ffd7
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
2 changed files with 9 additions and 1 deletions

View file

@ -22,7 +22,7 @@
width: 100%; width: 100%;
margin: 4rem auto; margin: 4rem auto;
@media screen and (max-width: 1024px) { @media screen and (max-width: $desktop) {
margin: 0; margin: 0;
.close { .close {

View file

@ -4,6 +4,10 @@
padding: 1rem; padding: 1rem;
background-color: $light-background; background-color: $light-background;
@media screen and (max-width: $desktop) {
padding-bottom: 0;
}
.subtitle { .subtitle {
color: $grey-500; color: $grey-500;
@ -198,6 +202,10 @@
.task-view-container { .task-view-container {
padding-bottom: 1rem; padding-bottom: 1rem;
@media screen and (max-width: $desktop) {
padding-bottom: 0;
}
.task-view * { .task-view * {
opacity: 0; opacity: 0;
transition: opacity 50ms ease; transition: opacity 50ms ease;