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