Skip to content

Commit 05b871b

Browse files
author
Oleksandr Dubovyk
committed
Merge remote-tracking branch 'origin/MAGETWO-47593' into PR
2 parents 85b40f3 + 79df000 commit 05b871b

File tree

2 files changed

+73
-74
lines changed

2 files changed

+73
-74
lines changed

app/design/frontend/Magento/blank/web/css/source/_navigation.less

Lines changed: 72 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -97,41 +97,40 @@
9797
}
9898

9999
&:last-child {
100-
border-bottom: 1px solid @color-gray82;
100+
border-bottom: 1px solid @color-gray82;
101101
}
102+
}
102103

103-
&-trigger {
104-
strong {
105-
display: inline-block !important;
106-
position: relative;
107-
.lib-icon-font(
108-
@_icon-font-content: @icon-down,
109-
@_icon-font-size: 42px,
110-
@_icon-font-position: after,
111-
@_icon-font-display: block
112-
);
113-
114-
&:after {
115-
position: absolute;
116-
right: -40px;
117-
top: -18px;
118-
}
119-
}
104+
.switcher-trigger {
105+
strong {
106+
position: relative;
107+
.lib-icon-font(
108+
@_icon-font-content: @icon-down,
109+
@_icon-font-size: 42px,
110+
@_icon-font-position: after,
111+
@_icon-font-display: block
112+
);
120113

121-
&.active strong {
122-
.lib-icon-font-symbol(
123-
@_icon-font-content: @icon-up,
124-
@_icon-font-position: after
125-
);
114+
&:after {
115+
position: absolute;
116+
right: -40px;
117+
top: -16px;
126118
}
127119
}
128120

129-
&-dropdown {
130-
.lib-list-reset-styles();
131-
padding: @indent__s 0;
121+
&.active strong {
122+
.lib-icon-font-symbol(
123+
@_icon-font-content: @icon-up,
124+
@_icon-font-position: after
125+
);
132126
}
133127
}
134128

129+
.switcher-dropdown {
130+
.lib-list-reset-styles();
131+
padding: @indent__s 0;
132+
}
133+
135134
.header.links {
136135
.lib-list-reset-styles();
137136
border-bottom: 1px solid @color-gray82;
@@ -216,50 +215,48 @@
216215
}
217216
}
218217

219-
.nav-sections {
220-
&-items {
221-
.lib-clearfix();
222-
position: relative;
223-
z-index: 1;
224-
}
218+
.nav-sections-items {
219+
.lib-clearfix();
220+
position: relative;
221+
z-index: 1;
222+
}
225223

226-
&-item-title {
227-
background: darken(@navigation__background,5%);
228-
border: solid darken(@navigation__background,10%);
229-
border-width: 0 0 1px 1px;
230-
box-sizing: border-box;
231-
float: left;
232-
height: 71px;
233-
padding-top: 24px;
234-
text-align: center;
235-
width: 33.33%;
236-
237-
&.active {
238-
background: transparent;
239-
border-bottom: 0;
240-
}
224+
.nav-sections-item-title {
225+
background: darken(@navigation__background, 5%);
226+
border: solid darken(@navigation__background, 10%);
227+
border-width: 0 0 1px 1px;
228+
box-sizing: border-box;
229+
float: left;
230+
height: 71px;
231+
padding-top: 24px;
232+
text-align: center;
233+
width: 33.33%;
234+
235+
&.active {
236+
background: transparent;
237+
border-bottom: 0;
238+
}
241239

242-
.nav-sections-item-switch {
243-
&:hover {
244-
text-decoration: none;
245-
}
240+
.nav-sections-item-switch {
241+
&:hover {
242+
text-decoration: none;
246243
}
247244
}
245+
}
248246

249-
&-item-content {
250-
.lib-clearfix();
251-
box-sizing: border-box;
252-
float: right;
253-
margin-left: -100%;
254-
margin-top: 71px;
255-
width: 100%;
256-
257-
&.active {
258-
display: block;
259-
}
247+
.nav-sections-item-content {
248+
.lib-clearfix();
249+
box-sizing: border-box;
250+
float: right;
251+
margin-left: -100%;
252+
margin-top: 71px;
253+
width: 100%;
260254

261-
padding: @indent__m 0;
255+
&.active {
256+
display: block;
262257
}
258+
259+
padding: @indent__m 0;
263260
}
264261

265262
.lib-main-navigation();
@@ -278,20 +275,22 @@
278275
.lib-vendor-prefix-flex-shrink(0);
279276
.lib-vendor-prefix-flex-basis(auto);
280277
margin-bottom: @indent__m;
278+
}
281279

282-
&-item-title {
283-
display: none;
284-
}
280+
.nav-sections-item-title {
281+
display: none;
282+
}
285283

286-
&-item-content {
287-
display: block !important;
288-
}
284+
.nav-sections-item-content {
285+
display: block !important;
286+
}
289287

290-
&-item-content > * {
291-
display: none;
292-
}
288+
.nav-sections-item-content > * {
289+
display: none;
290+
}
293291

294-
&-item-content > .navigation {
292+
.nav-sections-item-content {
293+
> .navigation {
295294
display: block;
296295
}
297296
}

app/design/frontend/Magento/luma/Magento_Theme/web/css/source/_module.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -327,7 +327,7 @@
327327
.nav-sections .switcher-trigger strong:after {
328328
.lib-font-size(16);
329329
right: -25px;
330-
top: 2px;
330+
top: -2px;
331331
}
332332

333333
.navigation .parent .level-top:after {

0 commit comments

Comments
 (0)