diff --git a/client/homebrew/navbar/navbar.less b/client/homebrew/navbar/navbar.less index 4d6f99617..a7a5019db 100644 --- a/client/homebrew/navbar/navbar.less +++ b/client/homebrew/navbar/navbar.less @@ -20,9 +20,14 @@ position: relative; z-index: 2; display: flex; - justify-content: space-between; - background-color: #333333; + background-color: #333; + color: #ccc; + height: @navbarHeight; + font-size: 14px; + font-family: + Alata, + open sans; .navItem { display: flex; @@ -160,46 +165,67 @@ text-transform: none; } } - } -} -// this should likely be refactored into .navDropdownContainer -.save-menu { - .dropdown { - z-index: 1000; - } - .navItem i.fa-power-off { - color: red; - &.active { - color: rgb(0, 182, 52); - filter: drop-shadow(0 0 2px rgba(0, 182, 52, 0.765)); + button, + a { + &:disabled { + color: #777; + } + display: grid; + place-items: center; + height: 100%; + width: 100%; + padding: 5px 10px; + } + a { + color: inherit; + text-decoration: none; + } + + &.header { + justify-content: center; + } + + &.save { + width: 90px; + + &.neverSaved { + background-color: @orange; + color: white; + transition: all 0.2s; + + &:hover { + background-color: @green; + } + } + &.saved { + color: #666666; + cursor: initial; + } + } + + &.googleDriveStorage { + position: relative; + + img { + height: 18px; + padding: 0px; + margin: -5px; + &.inactive { + filter: grayscale(1); + } + } + } + + i.fa-power-off { + color: red; + &.active { + color: rgb(0, 182, 52); + filter: drop-shadow(0 0 2px rgba(0, 182, 52, 0.765)); + } } } -} -.homebrew nav { - color: #ccc; - background: #333; - height: @navbarHeight; - font-size: 14px; - font-family: - Alata, - open sans; - button, - a { - &:disabled { - color: #777; - } - display: grid; - place-items: center; - height: 100%; - width: 100%; - padding: 5px 10px; - } - a { - color: inherit; - text-decoration: none; - } .navItem, .menu-wrapper { --activeTriggerColor: #666; @@ -274,41 +300,6 @@ } } - .navItem { - &.header { - justify-content: center; - } - - &.neverSaved { - background-color: @orange; - color: white; - transition: all 0.2s; - - &:hover { - background-color: @green; - } - } - &.save { - width:90px; - } - - &.saved { - color: #666666; - cursor: initial; - } - - &.googleDriveStorage { - position : relative; - - img { - height: 18px; - padding: 0px; - margin: -5px; - &.inactive { filter : grayscale(1); } - } - } - } - > ul { display: flex; align-items: center;