John Cowen 82a62cd2ed
ui: Sidebar navigation / redesign (#9553)
* CSS for moving from a horizontal main menu to a side/vertical one
* Add <App /> Component and rearrange <HashcorpConsul /> to use it

1. HashicorpConsul now uses <App />
2. <App /> is now translated and adds 'skip to main content' functionality
3. Adds ember-in-viewport addon in order to visibly hide main navigation
items in order to take them out of focus/tabbing
4. Slight amends to the dom service while I was there
2021-01-26 17:40:33 +00:00

30 lines
914 B
SCSS

html[data-route^='dc.acls.index'] main td strong {
@extend %pill-500, %frame-gray-900;
margin-right: 3px;
}
html[data-route^='dc.acls.index'] .filter-bar {
@extend %filter-bar-reversed;
}
html[data-route^='dc.acls.index'] .filter-bar [role='radiogroup'] {
@extend %expanded-single-select;
}
@media #{$--lt-wide-form} {
html[data-route^='dc.acls.create'] main header .actions,
html[data-route^='dc.acls.edit'] main header .actions {
float: none;
display: flex;
justify-content: space-between;
margin-bottom: 1em;
}
html[data-route^='dc.acls.create'] main header .actions .with-feedback,
html[data-route^='dc.acls.edit'] main header .actions .with-feedback {
position: absolute;
right: 0;
}
html[data-route^='dc.acls.create'] main header .actions .with-confirmation,
html[data-route^='dc.acls.edit'] main header .actions .with-confirmation {
margin-top: 0;
}
}