open-nomad/ui/app/styles/components/policies.scss
Phil Renaud dce8717866
[ui] Token management interface on policy pages (#15435)
* basic-functionality demo for token CRUD

* Styling for tokens crud

* Tokens crud styles

* Expires, not expiry

* Mobile styles etc

* Refresh and redirect rules for policy save and token creation

* Delete method and associated serializer change

* Ability-checking for tokens

* Update policies acceptance tests to reflect new redirect rules

* Token ability unit tests

* Mirage config methods for token crud

* Token CRUD acceptance tests

* A couple visual diff snapshots

* Add and Delete abilities referenced for token operations

* Changing timeouts and adding a copy to clipboard action

* replaced accessor with secret when copying to clipboard

* PR comments addressed

* Simplified error passing for policy editor
2022-12-15 13:11:28 -05:00

73 lines
1.1 KiB
SCSS

table.policies {
tr {
cursor: pointer;
&:hover td {
background-color: #f5f5f5;
}
a {
color: black;
text-decoration: none;
}
.number-expired {
color: $red;
}
}
}
.edit-policy {
.policy-editor {
max-height: 600px;
overflow: auto;
}
.input {
margin-bottom: 1rem;
}
}
.token-operations {
margin-bottom: 3rem;
display: grid;
grid-auto-flow: column;
grid-template-columns: repeat(auto-fit, 50%);
grid-auto-rows: minmax(100px, auto);
gap: 1rem;
.boxed-section {
padding: 0;
margin: 0;
display: grid;
grid-template-rows: auto 1fr;
.external-link svg {
position: relative;
top: 3px;
}
button.create-test-token, pre {
margin-top: 1rem;
}
pre {
display: grid;
grid-template-columns: 1fr auto;
align-content: flex-start;
white-space: normal;
overflow: visible;
}
}
}
@media #{$mq-hidden-gutter} {
.token-operations {
grid-auto-flow: row;
grid-template-columns: 1fr;
}
}
table.tokens {
margin-bottom: 3rem;
}