app/assets/stylesheets/spree/backend/components/_navigation.scss in spree_backend-2.4.10 vs app/assets/stylesheets/spree/backend/components/_navigation.scss in spree_backend-3.0.0.rc1

- old
+ new

@@ -1,169 +1,14 @@ -// Navigation -//--------------------------------------------------- -.inline-menu { +#sidebar-toggle { + display: block; + border: none; + padding: 0; margin: 0; - -webkit-margin-before: 0; - -webkit-padding-start: 0; + position: absolute; + right: 0; + margin-top: 17px; + cursor: pointer; } -nav.menu { - ul { - list-style: none; - - li { - a { - padding: 10px 0; - display: block; - position: relative; - text-align: left; - border: 1px solid transparent; - text-transform: uppercase; - font-weight: 600; - font-size: 90%; - } - - &.active a { - color: $color-2; - border-left-width: 0; - border-bottom-color: $color-2; - } - - &:hover a { - color: $color-2; - } - } - } -} - -[data-hook="admin_login_navigation_bar"] { - ul { - text-align: right; - - li { - padding: 5px 0 5px 10px; - text-align: right; - font-size: 90%; - color: $color-link; - margin-top: 8px; - - &[data-hook="user-logged-in-as"] { - width: 50%; - color: $color-body-text; - } - - &.fa:before { - padding-right: 4px; - } - - &:hover { - i { - color: $color-2; - } - } - } - } -} - -#admin-menu { - background-color: $color-3; - - ul{ - display: table; - table-layout: fixed; - width: 100%; - } - - li { - display: table-cell; - - a { - display: block; - padding: 25px 15px; - color: $color-1 !important; - text-transform: uppercase; - position: relative; - text-align: center; - - @media(max-width: 1009px) { - top: -3px; - margin-bottom: -5px; - } - - i { - display: inline; - } - - &:hover { - background-color: $color-2; - - &:after { - content: ''; - position: absolute; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 5px solid $color-2; - bottom: 0px; - margin-bottom: -5px; - left: 50%; - margin-left: -10px; - z-index: 1; - } - } - - span.text { - font-weight: 600; - } - } - - .dropdown { - width: 300px; - background-color: $color-3; - width: 200px; - z-index: 100000; - - > li { - width: 200px !important; - - a:after { - display: none; - } - } - } - - &.selected a { - @extend a:hover; - } - } -} - -#sub-menu { - background-color: $color-2; +.navbar .row { padding-bottom: 0; - - li { - a { - display: block; - padding: 12px 20px; - color: $color-1; - text-align: center; - text-transform: uppercase; - position: relative; - font-size: 85%; - } - - &.selected a, a:hover { - &:after { - content: ''; - position: absolute; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 5px solid $color-2; - bottom: 0px; - margin-bottom: -5px; - left: 50%; - margin-left: -10px; - z-index: 1; - } - } - } -} +} \ No newline at end of file