open-nomad/ui/app/styles/components/secure-variables.scss
Phil Renaud a628e2969a Secure Variables UI: /variables/new and /variables/*path (#13069)
* variables.new initialized

* Hacky but savey

* Variable wildcard route and multiple creatable at a time

* multiple KVs per variable

* PR Prep cleanup and lintfix

* Delog

* Data mocking in mirage for variables

* Linting fixes

* Re-implement absent params

* Adapter and model tests

* Moves the path-as-id logic to a serializer instead of adapter

* Classic to serializer and lint cleanup

* Pluralized save button (#13140)

* Autofocus modifier and better Add More button UX (#13145)

* Secure Variables: show/hide functionality when adding new values (#13137)

* Flight Icons added and show hide functionality

* PR cleanup

* Linting cleanup

* Position of icon moved to the right of input

* PR feedback addressed

* Delete button and stylistic changes to show hide

* Hmm, eslint doesnt like jsdoc-usage as only reason for import

* More closely match the button styles and delete test

* Simplified new.js model

* Secure Variables: /variables/*path/edit route and functionality (#13170)

* Variable edit page init

* Significant change to where we house model methods

* Lintfix

* Edit a variable tests

* Remove redundant tests

* Asserts expected

* Mirage factory updated to reflect model state
2022-07-11 13:34:04 -04:00

31 lines
533 B
SCSS

.new-secure-variables {
& > div {
margin-bottom: 1rem;
}
.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;
}
}
// .add-more:focus {
// background-color: $grey-lighter;
// }
}