diff --git a/platypush/backend/http/webapp/src/components/panels/Entities/Index.vue b/platypush/backend/http/webapp/src/components/panels/Entities/Index.vue index 299b9a8ffe..5e851cb90c 100644 --- a/platypush/backend/http/webapp/src/components/panels/Entities/Index.vue +++ b/platypush/backend/http/webapp/src/components/panels/Entities/Index.vue @@ -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; } } } diff --git a/platypush/backend/http/webapp/src/components/panels/Entities/common.scss b/platypush/backend/http/webapp/src/components/panels/Entities/common.scss index 62b0d3f3b6..5ad4924215 100644 --- a/platypush/backend/http/webapp/src/components/panels/Entities/common.scss +++ b/platypush/backend/http/webapp/src/components/panels/Entities/common.scss @@ -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; } } }