diff options
Diffstat (limited to 'resources/assets/stylesheets/scss/header.scss')
| -rw-r--r-- | resources/assets/stylesheets/scss/header.scss | 41 |
1 files changed, 31 insertions, 10 deletions
diff --git a/resources/assets/stylesheets/scss/header.scss b/resources/assets/stylesheets/scss/header.scss index c16a790..0a04d64 100644 --- a/resources/assets/stylesheets/scss/header.scss +++ b/resources/assets/stylesheets/scss/header.scss @@ -45,7 +45,7 @@ justify-content: space-between; list-style-type: none; height: 40px; - gap: 8px; + gap: 20px; > li { @@ -188,26 +188,40 @@ padding: 0 5px 0 0; } -#avatar-wrapper { +#avatar-menu-container { + display: inline-flex; + + &.header_avatar_container { + align-items: end; + flex: 0; + border-radius: var(--border-radius-avatar-menu); + background-color: var(--color--global-background); + + &.alert, + &.alert #notification_marker { + background-color: var(--color--warning); + color: var(--color--font-inverted); + } + } + #avatar-menu { - height: 30px; - width: 30px; + height: 28px; margin: 0; z-index: 1003; .action-menu.avatar-menu { z-index: 1002; + padding: 1px 1px 1px 0; .action-menu-icon { + height: 26px; position: relative; - height: 100%; - width: 100%; + width: 26px; z-index: 1; img { - height: 28px; - width: 28px; - border: solid 1px var(--color--header-inverted); + height: 26px; + width: 26px; border-radius: var(--border-radius-avatar-menu); } @@ -219,7 +233,7 @@ .action-menu-content { position: absolute; - top: 40px; + top: 41px; right: 0; background: var(--white); box-shadow: 1px 1px 1px var(--dark-gray-color-60); @@ -241,6 +255,13 @@ } } } + + #notification-container + #avatar-menu { + .action-menu-icon img { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + } } // Fix header covering relevant other areas |