forever_style_guide 3.3.1 → 3.3.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/forever_style_guide/modules/_nav-account_dropdown.scss +1 -0
- data/app/assets/stylesheets/forever_style_guide/modules/_nav-mobile-menu.scss +13 -4
- data/app/assets/stylesheets/forever_style_guide/modules/_nav.scss +2 -0
- data/lib/forever_style_guide/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 9cafa20158caaee15858a20003b8f91cf391a0ad
|
|
4
|
+
data.tar.gz: 2f18c2fe9adb881b7bae6d790d9330f9ebfec361
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 768a5e96a1a7e6ac0ab18e6a62fd7d87cf1187143de88137222cae92c61e71deaddcf368a020c1e1794dfa38fda3a9d7a0dc59f19920e78b7f938929db00e919
|
|
7
|
+
data.tar.gz: b6759a21b132546e6ebc7ce9e69c6a28f58f79eff4d85052f540a95972f59cc232c7dbfe6b7a4e955811438efaaa51992a352c55a50c46edfb2111ad574a920e
|
|
@@ -106,6 +106,7 @@ $padding-small-horizontal: 3px;
|
|
|
106
106
|
}
|
|
107
107
|
|
|
108
108
|
.navigation-account_dropdown-user_info {
|
|
109
|
+
direction: ltr; // corrects orientation against nav-mobile-menu scrollbar behavior
|
|
109
110
|
display: flex;
|
|
110
111
|
align-items: center;
|
|
111
112
|
padding-bottom: $padding-large-vertical;
|
|
@@ -74,7 +74,6 @@ $nav-icon_bar-width: 22px;
|
|
|
74
74
|
background-color: $color-white;
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
-
|
|
78
77
|
.nav-mobile-menu {
|
|
79
78
|
&.affix {
|
|
80
79
|
position: relative; // we only want the affix behavior in the mobile views
|
|
@@ -87,7 +86,7 @@ $nav-icon_bar-width: 22px;
|
|
|
87
86
|
border-left: solid 1px $color-gray-200;
|
|
88
87
|
background-color: $color-white;
|
|
89
88
|
transform: translateX(100%);
|
|
90
|
-
transition: opacity 0.2s ease-in-out, transform 0.3s ease-in-out;
|
|
89
|
+
transition: opacity 0.2s ease-in-out, transform 0.3s ease-in-out, width 0.2s ease-in-out;
|
|
91
90
|
z-index: $zindex-tooltip; /* Sit on top */
|
|
92
91
|
|
|
93
92
|
&.affix {
|
|
@@ -95,6 +94,18 @@ $nav-icon_bar-width: 22px;
|
|
|
95
94
|
top: $nav-height;
|
|
96
95
|
bottom: 0;
|
|
97
96
|
overflow-y: scroll;
|
|
97
|
+
overflow-y: overlay; // better for webkit browsers
|
|
98
|
+
overflow-x: hidden;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
&:not(.affix) {
|
|
102
|
+
padding-bottom: 100%;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
@media (min-width: $screen-xs) and (max-width: $grid-float-breakpoint) {
|
|
107
|
+
&.affix.in {
|
|
108
|
+
direction: rtl; // puts scrollbar to lefthand side
|
|
98
109
|
}
|
|
99
110
|
}
|
|
100
111
|
|
|
@@ -103,9 +114,7 @@ $nav-icon_bar-width: 22px;
|
|
|
103
114
|
}
|
|
104
115
|
|
|
105
116
|
&.in {
|
|
106
|
-
padding-bottom: 100%; // gives off-canvas menu full height
|
|
107
117
|
opacity: 1;
|
|
108
|
-
padding-bottom: 100%;
|
|
109
118
|
transform: translateX(0%);
|
|
110
119
|
}
|
|
111
120
|
}
|
|
@@ -115,6 +115,7 @@ $deals-icon-vertical-position: -5px;
|
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
@media (max-width: $grid-float-breakpoint) {
|
|
118
|
+
direction: ltr; // corrects orientation against nav-mobile-menu scrollbar behavior ** mainly fixing safari here
|
|
118
119
|
width: 100%;
|
|
119
120
|
padding-left: $nav-horizontal-spacing * 2;
|
|
120
121
|
padding-bottom: $nav-horizontal-spacing;
|
|
@@ -200,6 +201,7 @@ a.navigation-items-link-deals {
|
|
|
200
201
|
.navbar-nav {
|
|
201
202
|
&.navbar-right {
|
|
202
203
|
max-height: $nav-height;
|
|
204
|
+
direction: ltr; // corrects orientation against nav-mobile-menu scrollbar behavior ** mainly fixing safari here
|
|
203
205
|
|
|
204
206
|
&.navbar-right-icons-container {
|
|
205
207
|
@media (max-width: $grid-float-breakpoint) {
|