mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-09-22 07:56:16 +08:00
65 lines
1.1 KiB
SCSS
65 lines
1.1 KiB
SCSS
// scss-lint:disable SelectorDepth unknownProperties IdSelector
|
|
// scss-lint:disable NestingDepth SelectorFormat
|
|
|
|
#sciNavigationTopMenuContainer {
|
|
display: contents;
|
|
}
|
|
|
|
.sci--navigation--top-menu-container {
|
|
align-items: center;
|
|
background-color: $color-white;
|
|
box-shadow: $flyout-shadow;
|
|
display: flex;
|
|
gap: .5em;
|
|
height: 100%;
|
|
padding: 0 2em;
|
|
|
|
.sci--navigation--top-menu-logo {
|
|
a {
|
|
display: inline-block;
|
|
}
|
|
|
|
.logo {
|
|
max-height: 22px;
|
|
|
|
&.small {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.sci--navigation--top-menu-teams {
|
|
height: 36px;
|
|
margin-left: 2em;
|
|
width: 220px;
|
|
}
|
|
|
|
.sci--navigation--top-menu-search {
|
|
margin-left: auto;
|
|
margin-right: 1em;
|
|
width: 240px;
|
|
}
|
|
|
|
.sci--navigation--top-menu-user {
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: flex;
|
|
gap: 1em;
|
|
margin-left: .75em;
|
|
}
|
|
|
|
@media(max-width: 1200px) {
|
|
.sci--navigation--top-menu-logo {
|
|
.logo {
|
|
&.large {
|
|
display: none;
|
|
}
|
|
|
|
&.small {
|
|
display: initial;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|