global security tab

This commit is contained in:
MattIPv4
2020-05-01 18:54:01 +01:00
parent 89d8af3912
commit 3d2ae20ecf
5 changed files with 215 additions and 3 deletions

View File

@@ -22,6 +22,8 @@ $highlight: #f2c94c;
$pretty--color-dark: $primary;
$pretty--color-default: $primary;
@import "~pretty-checkbox/src/pretty-checkbox";
$vs-state-active-bg: $primary;
@import "~vue-select/src/scss/vue-select";
.tabs {
ul {
@@ -141,9 +143,11 @@ $highlight: #f2c94c;
.is-changed {
input {
&,
&:focus {
background: rgba($highlight, .35);
&:not(.vs__search) {
&,
&:focus {
background: rgba($highlight, .35);
}
}
}
@@ -158,6 +162,12 @@ $highlight: #f2c94c;
padding: .25rem .5rem;
}
}
.v-select {
.vs__dropdown-toggle {
background: rgba($highlight, .35);
}
}
}
label {
@@ -228,4 +238,61 @@ $highlight: #f2c94c;
}
}
}
.v-select {
&.vs--open {
> ul {
opacity: 1;
}
.vs__dropdown-toggle {
border-color: $primary;
box-shadow: 0 0 2px rgba($success, .5);
.vs__selected {
top: .75em;
}
}
}
> ul {
display: block !important;
margin: 0;
opacity: 0;
transition: opacity $transition;
}
.vs__dropdown-toggle {
border: 1px solid $border;
box-shadow: none;
padding: 0 16px;
transition: border $transition, box-shadow $transition;
.vs__selected-options {
padding: 0;
.vs__selected {
margin: 0;
padding: 0;
transition: opacity $transition;
}
.vs__search {
&,
&:focus {
background: none;
border: 0;
box-shadow: none;
margin: 0;
padding: 0;
width: 0;
}
}
}
.vs__actions {
padding: 0;
}
}
}
}