topbar styles to accomodate menu
This commit is contained in:
parent
76854acf81
commit
2d62ef445c
@ -59,9 +59,38 @@
|
|||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
|
|
||||||
.topbar__link--workspace {
|
.topbar__workspace-menu {
|
||||||
&:first-child {
|
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.topbar__workspace-menu__toggle {
|
||||||
|
margin: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
|
||||||
|
&--open {
|
||||||
|
background-color: $color-blue-darkest;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: $gap * 2;
|
||||||
|
right: $gap * 2;
|
||||||
|
height: $gap / 2;
|
||||||
|
background-color: $color-primary;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
@include icon-size(10);
|
||||||
|
margin-left: $gap * 2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar__workspace-menu__panel {
|
||||||
|
position: absolute;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user