forked from platypush/platypush
Reverted to the previous style for entities on mobile.
Better to use screen width wisely and avoid unnecessary padding.
This commit is contained in:
parent
61ea3d79e4
commit
91daec579d
2 changed files with 8 additions and 73 deletions
|
@ -509,6 +509,7 @@ export default {
|
|||
|
||||
@include until(#{$tablet - 1}) {
|
||||
padding: 0;
|
||||
margin-bottom: $main-margin;
|
||||
}
|
||||
|
||||
@include from($tablet) {
|
||||
|
@ -524,11 +525,8 @@ export default {
|
|||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
position: relative;
|
||||
|
||||
@include from($tablet) {
|
||||
border-radius: 1em;
|
||||
box-shadow: $group-shadow;
|
||||
}
|
||||
border-radius: 1em;
|
||||
box-shadow: $group-shadow;
|
||||
}
|
||||
|
||||
.header {
|
||||
|
@ -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,16 +584,8 @@ 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;
|
||||
}
|
||||
&:last-child {
|
||||
border-radius: 0 0 1em 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
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,38 +218,8 @@ $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;
|
||||
}
|
||||
}
|
||||
.children .child:last-child {
|
||||
box-shadow: 0 3px 4px 0 $default-shadow-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue