revil-O/platypush
1
0
Fork 0
forked from platypush/platypush
Code Pull requests Activity

Remaining entity modal style rules moved from Entities to EntityModal.

Browse source
This commit is contained in:
Fabio Manganiello 2023-12-10 15:32:42 +01:00
parent 42574d054a
commit 62054e83cc
Signed by untrusted user: blacklight
GPG key ID: D90FBA7F76362774
2 changed files with 47 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
platypush/backend/http/webapp/src/components/panels/Entities/Index.vue
View file

@ -610,40 +610,6 @@ export default {
}
}
:deep(.modal) {
@include until(#{$tablet - 1}) {
width: calc(100% - 1em);
.table-row {
border-bottom: 1px solid $border-color-2;
}
}
.table-row {
.value {
overflow: auto;
}
}
.content {
@include until($tablet) {
width: 100%;
}
@include from($tablet) {
min-width: 30em;
}
.body {
padding: 0;
.table-row {
padding: 0.5em;
}
}
}
}
:deep(.dropdown-container) {
.dropdown {
min-width: 10em;

54
platypush/backend/http/webapp/src/components/panels/Entities/Modal.vue
View file

@ -366,16 +366,56 @@ export default {
@import "common";
:deep(.modal) {
@include until($tablet) {
width: 100%;
}
.table-row {
display: flex;
align-items: center;
box-shadow: none;
padding: 0.5em;
border-bottom: 1px solid $border-color-2;
&:hover {
background: $hover-bg;
}
.title {
font-weight: bold;
@include from($tablet) {
width: 50%;
display: inline-block;
}
}
.value {
overflow: auto;
@include from($tablet) {
width: 50%;
display: inline-block;
text-align: right;
}
}
}
.content {
@include until($tablet) {
width: calc(100% - 1em) !important;
}
@include from($tablet) {
min-width: 30em;
}
.body {
padding: 0;
@include from($desktop) {
min-width: 45em;
}
.table-row {
box-shadow: none;
padding: 0.5em;
}
}
@ -442,12 +482,6 @@ export default {
}
}
.config-container {
.title {
@include section-title;
}
}
.extra-info-container {
.value {
white-space: pre-wrap;