body.o_is_superuser .o_menu_systray { background: repeating-linear-gradient( 135deg, #d9b904, #d9b904 10px, #373435 10px, #373435 20px ); border-bottom-left-radius: 20px; > li { > a, > label { &:hover { background-color: fade_out($o-navbar-inverse-link-hover-bg, 0.5); } } } .show .dropdown-toggle { background-color: fade_out($o-navbar-inverse-link-hover-bg, 0.5); } } .o_main_navbar { position: relative; height: $o-navbar-height; border-bottom: 1px solid $o-navbar-inverse-link-hover-bg; background-color: $o-brand-odoo; color: white; > a, > button { float: left; height: $o-navbar-height; border: none; padding: 0 $o-horizontal-padding - 4px 0 $o-horizontal-padding; line-height: $o-navbar-height; background-color: transparent; text-align: center; color: inherit; font-size: 18px; user-select: none; &:hover, &:focus { background-color: $o-navbar-inverse-link-hover-bg; color: inherit; } &:focus, &:active, &:focus:active { outline: none; } } .o_app { cursor: pointer; } > .o_menu_brand { display: block; float: left; margin-right: 35px; user-select: none; color: white; font-size: 22px; font-weight: 500; line-height: $o-navbar-height; cursor: pointer; } > .o_menu_toggle { margin-right: 5px; } > ul { display: block; float: left; margin: 0; padding: 0; list-style: none; > li { position: relative; display: block; float: left; > a { display: block; &:focus, &:active, &:focus:active { outline: none; } &, &:hover, &:focus { text-decoration: none; } } > a, > label { height: $o-navbar-height; padding: 0 10px; color: white; line-height: $o-navbar-height; &:hover { background-color: $o-navbar-inverse-link-hover-bg; } } &.o_extra_menu_items { > a { width: $o-navbar-height; text-align: center; } &.show > ul { padding: 0; > li { > a { background-color: $o-brand-odoo; color: white; border-bottom: 1px solid $o-brand-lightsecondary; &.dropdown-toggle { background-color: lighten($o-brand-odoo, 15%); pointer-events: none; // hack to prevent clicking on it because dropdown always opened } } > .dropdown-menu { // remove dropdown-menu default style as it is nested in another one position: static; float: none; display: block; border: none; box-shadow: none; max-height: none; } } } } } &.o_menu_systray { float: right; } } .dropdown-menu.show { max-height: 90vh; // the dropdown should not overstep the viewport min-width: 100%; overflow: auto; margin-top: 0; @for $index from 3 through 5 { .o_menu_header_lvl_#{$index}, .o_menu_entry_lvl_#{$index} { padding-left: $o-dropdown-hpadding + ($index - 2)*12px; } } } .show .dropdown-toggle { background-color: $o-navbar-inverse-link-hover-bg; } .o_user_menu { margin-left: 6px; > a { padding-right: $o-horizontal-padding; } .oe_topbar_avatar { height: 26px; width: 26px; object-fit: cover; transform: translateY(-2px); } } }