Reverted to the previous style for entities on mobile.

Better to use screen width wisely and avoid unnecessary padding.
This commit is contained in:
Fabio Manganiello 2023-05-17 01:13:09 +02:00
parent 61ea3d79e4
commit 91daec579d
Signed by untrusted user: blacklight
GPG key ID: D90FBA7F76362774
2 changed files with 8 additions and 73 deletions

View file

@ -509,6 +509,7 @@ export default {
@include until(#{$tablet - 1}) {
padding: 0;
margin-bottom: $main-margin;
}
@include from($tablet) {
@ -524,12 +525,9 @@ export default {
flex-direction: column;
flex-grow: 1;
position: relative;
@include from($tablet) {
border-radius: 1em;
box-shadow: $group-shadow;
}
}
.header {
width: 100%;
@ -579,10 +577,6 @@ export default {
overflow: auto;
flex-grow: 1;
@include until(#{$tablet - 1}) {
background: $default-bg-4;
}
@include from($tablet) {
background: $default-bg-2;
}
@ -590,20 +584,12 @@ export default {
.entity-frame {
background: $background-color;
@include until(#{$tablet - 1}) {
margin: 0.75em 0.25em;
border: $default-border-2;
border-radius: 1em;
}
@include from($tablet) {
&:last-child {
border-radius: 0 0 1em 1em;
}
}
}
}
}
:deep(.modal) {
@include until(#{$tablet - 1}) {

View file

@ -6,10 +6,6 @@ $collapse-toggler-width: 2em;
background: $selected-bg;
font-weight: bold;
box-shadow: 0 0 3px 2px $default-shadow-color;
@include until(#{$tablet - 1}) {
border-radius: 1em;
}
}
.entity-container {
@ -18,18 +14,7 @@ $collapse-toggler-width: 2em;
align-items: center;
position: relative;
padding: 0 !important;
@include until(#{$tablet - 1}) {
border-radius: 1em;
&:not(:last-child) {
border-bottom: $default-border-3;
}
}
@include from($tablet) {
border-bottom: $default-border-3;
}
&.with-children:not(.collapsed) {
@include expanded-entity();
@ -50,12 +35,6 @@ $collapse-toggler-width: 2em;
}
@include until(#{$tablet - 1}) {
.entity-container {
.children {
border-radius: 0 0 1em 1em;
}
}
.child {
&:not(:last-child) {
.entity-container {
@ -239,40 +218,10 @@ $collapse-toggler-width: 2em;
&.with-children:not(.collapsed) {
box-shadow: 0 3px 4px 0 $default-shadow-color;
@include until(#{$tablet - 1}) {
border-radius: 1em;
}
@include from($tablet) {
.children .child:last-child {
box-shadow: 0 3px 4px 0 $default-shadow-color;
}
}
}
@include until(#{$tablet - 1}) {
box-shadow: 0 3px 4px 0 $default-shadow-color;
&.collapsed {
border-radius: 1em;
}
.children {
.entity-container-wrapper {
border-radius: 0;
box-shadow: none;
&.with-children:not(.collapsed) {
border-radius: 1em;
box-shadow: 0 3px 4px 0 $default-shadow-color;
}
&:last-child {
border-radius: 0 0 1em 1em;
}
}
}
}
}
.blink {