e79fea2b4e
* Notify a user if they try to make a variable with an existing path * Stylize error fade * Bugfix: if you click the dupe link to a variable you havent previously loaded, you lack its keyvalues * rename and typefix for duplicate path warning
69 lines
997 B
SCSS
69 lines
997 B
SCSS
.new-secure-variables {
|
|
& > div {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.path-input {
|
|
&:disabled {
|
|
background-color: #f5f5f5;
|
|
}
|
|
&.error {
|
|
color: $red;
|
|
border-color: $red;
|
|
}
|
|
}
|
|
|
|
.duplicate-path-error {
|
|
position: relative;
|
|
animation: slide-in 0.3s ease-out;
|
|
}
|
|
|
|
.key-value {
|
|
display: grid;
|
|
grid-template-columns: 1fr 4fr 130px;
|
|
gap: 1rem;
|
|
align-items: end;
|
|
|
|
.value-label {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
& > span {
|
|
grid-column: -1 / 1;
|
|
}
|
|
}
|
|
|
|
button.show-hide-values {
|
|
height: 100%;
|
|
box-shadow: none;
|
|
margin-left: -2px;
|
|
border-color: $grey-blue;
|
|
}
|
|
}
|
|
}
|
|
|
|
table.path-tree {
|
|
tr {
|
|
cursor: pointer;
|
|
a {
|
|
color: #0a0a0a;
|
|
text-decoration: none;
|
|
}
|
|
svg {
|
|
margin-bottom: -2px;
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
}
|
|
|
|
@keyframes slide-in {
|
|
0% {
|
|
top: 10px;
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
top: 0px;
|
|
opacity: 1;
|
|
}
|
|
}
|