mirror of
https://github.com/status-im/consul.git
synced 2025-02-23 10:58:25 +00:00
9ee30c08d6
* ui: Various CSS amends 1. Split out %icon-definition from %composite-row 2. Add hover effect to node listing 3. Fix up proxy level list components 4. Rename our various pills to use a 100-900 scale 5. Reogranize other icon related things (consul-kind and consul-external-source) * Fix up upstream test
41 lines
1003 B
SCSS
41 lines
1003 B
SCSS
html.template-acl.template-list main td strong {
|
|
@extend %pill-500, %frame-gray-900;
|
|
margin-right: 3px;
|
|
}
|
|
html.template-acl.template-list .filter-bar {
|
|
@extend %filter-bar-reversed;
|
|
}
|
|
html.template-acl.template-list .filter-bar [role='radiogroup'] {
|
|
@extend %expanded-single-select;
|
|
}
|
|
@media #{$--horizontal-tabs} {
|
|
.template-policy.template-list main header .actions,
|
|
.template-token.template-list main header .actions {
|
|
position: relative;
|
|
top: 42px;
|
|
}
|
|
}
|
|
|
|
@media #{$--lt-wide-form} {
|
|
html.template-acl.template-edit main header .actions {
|
|
float: none;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 1em;
|
|
}
|
|
html.template-acl.template-edit main header .actions .with-feedback {
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
html.template-acl.template-edit main header .actions .with-confirmation {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
[name='role[state]'],
|
|
[name='role[state]'] + * {
|
|
display: none;
|
|
}
|
|
[name='role[state]']:checked + * {
|
|
display: block;
|
|
}
|