forked from platypush/platypush
Some small style improvements.
This commit is contained in:
parent
2398cac572
commit
7db09276ca
2 changed files with 5 additions and 47 deletions
|
@ -231,6 +231,7 @@ export default {
|
||||||
@include from($tablet) {
|
@include from($tablet) {
|
||||||
.search-bar {
|
.search-bar {
|
||||||
min-width: 400px;
|
min-width: 400px;
|
||||||
|
margin-left: 0.5em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -239,59 +240,15 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
.dropdown {
|
.dropdown {
|
||||||
min-width: 10em;
|
min-width: 11em;
|
||||||
|
|
||||||
.text {
|
|
||||||
text-align: left;
|
|
||||||
padding-left: 0.5em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-container {
|
|
||||||
button {
|
|
||||||
width: 100%;
|
|
||||||
background: none;
|
|
||||||
text-align: left;
|
|
||||||
letter-spacing: 0.01em;
|
|
||||||
|
|
||||||
.text {
|
|
||||||
padding-left: 0.25em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon.active {
|
.icon.active {
|
||||||
color: $selected-fg;
|
color: $selected-fg;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
button {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: $default-bg-2;
|
|
||||||
border: 0;
|
|
||||||
padding: 0.5em;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: $default-hover-fg;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.item {
|
|
||||||
padding: 0.75em 0.5em;
|
|
||||||
border: 0;
|
|
||||||
box-shadow: none;
|
|
||||||
|
|
||||||
.col-1.icon {
|
|
||||||
width: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.selected {
|
|
||||||
font-weight: bold;
|
|
||||||
background: #ffffff00;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: $hover-bg;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -47,6 +47,7 @@ export default {
|
||||||
name: 'Variable',
|
name: 'Variable',
|
||||||
components: {EntityIcon},
|
components: {EntityIcon},
|
||||||
mixins: [EntityMixin],
|
mixins: [EntityMixin],
|
||||||
|
emits: ['loading'],
|
||||||
data: function() {
|
data: function() {
|
||||||
return {
|
return {
|
||||||
collapsed: true,
|
collapsed: true,
|
||||||
|
|
Loading…
Reference in a new issue