TeaWeb/shared/js/ui/frames/control-bar/index.scss

38 lines
No EOL
678 B
SCSS

@import "../../../../css/static/properties";
@import "../../../../css/static/mixin";
/* Variables */
html:root {
--menu-bar-background: #454545;
}
/* max height is 2em */
.controlBar {
display: flex;
flex-direction: row;
@include user-select(none);
height: 100%;
align-items: center;
background: var(--menu-bar-background);
/* tmp fix for ultra small devices */
overflow-y: visible;
.divider {
flex-grow: 0;
flex-shrink: 0;
border-left:2px solid #393838;
height: calc(100% - 3px);
margin: 3px;
}
.spacer {
flex-grow: 1;
flex-shrink: 1;
min-width: 0;
}
}