mirror of
https://github.com/status-im/consul.git
synced 2025-01-13 07:14:37 +00:00
82a62cd2ed
* 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
28 lines
479 B
SCSS
28 lines
479 B
SCSS
%main-header-horizontal {
|
|
display: flex;
|
|
position: fixed;
|
|
z-index: 5;
|
|
left: 0;
|
|
padding: 0 25px;
|
|
width: calc(100% - 50px);
|
|
}
|
|
%main-header-horizontal,
|
|
%main-header-horizontal::before {
|
|
height: var(--chrome-height);
|
|
}
|
|
%main-header-horizontal {
|
|
align-items: center;
|
|
}
|
|
%main-header-horizontal::before {
|
|
content: '';
|
|
position: absolute;
|
|
z-index: -1;
|
|
left: 0;
|
|
width: 100vw;
|
|
}
|
|
%main-header-horizontal > a {
|
|
display: block;
|
|
line-height: 0;
|
|
font-size: 0;
|
|
}
|