feat: more horizontal space on mobile
continuous-integration/drone/pr Build is passing
Details
continuous-integration/drone/pr Build is passing
Details
By adding less outer padding we keep more screen space. This is important especially for small screens. I assumed that in the task view the background of the list is not _that_ important
This commit is contained in:
parent
0350e37fbb
commit
4c03adb6e2
|
@ -159,27 +159,20 @@ labelStore.loadAllLabels()
|
|||
.app-content {
|
||||
z-index: 10;
|
||||
position: relative;
|
||||
padding-top: 1rem;
|
||||
|
||||
@media screen {
|
||||
padding: $navbar-height + 1.5rem 1.5rem 1rem 1.5rem;
|
||||
}
|
||||
padding: 1.5rem 0.5rem 1rem;
|
||||
|
||||
@media screen and (max-width: $tablet) {
|
||||
margin-left: 0;
|
||||
padding-top: 1.5rem;
|
||||
min-height: calc(100vh - 4rem);
|
||||
}
|
||||
|
||||
@media screen and (min-width: $tablet) {
|
||||
padding: $navbar-height + 1.5rem 1.5rem 1rem 1.5rem;
|
||||
}
|
||||
|
||||
@media screen {
|
||||
&.is-menu-enabled {
|
||||
&.is-menu-enabled {
|
||||
@media screen and (min-width: $tablet) {
|
||||
margin-left: $navbar-width;
|
||||
|
||||
@media screen and (max-width: $tablet) {
|
||||
min-width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -26,7 +26,10 @@
|
|||
|
||||
.task-view {
|
||||
border-radius: $radius;
|
||||
margin: 0 1rem;
|
||||
|
||||
@media screen and (min-width: $tablet) {
|
||||
margin-inline: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.kanban .tasks {
|
||||
|
|
|
@ -810,8 +810,8 @@ async function setPercentDone(percentDone: number) {
|
|||
}
|
||||
|
||||
.task-view {
|
||||
padding: 1rem;
|
||||
padding-bottom: 0;
|
||||
padding-top: 1rem;
|
||||
padding-inline: .5rem;
|
||||
background-color: var(--site-background);
|
||||
|
||||
@media screen and (min-width: $desktop) {
|
||||
|
@ -862,10 +862,10 @@ h3 .button {
|
|||
}
|
||||
|
||||
.remove {
|
||||
color: var(--danger);
|
||||
vertical-align: middle;
|
||||
padding-left: .5rem;
|
||||
line-height: 1;
|
||||
color: var(--danger);
|
||||
vertical-align: middle;
|
||||
padding-left: .5rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
:deep(.datepicker) {
|
||||
|
|
Reference in New Issue