Skip to content

Commit f30b578

Browse files
author
Oleksandr Dubovyk
committed
MAGETWO-38963: Storefront "Layered Navigation" menu items' titles are overlapped by "Expand" button
1 parent 5ad2fd6 commit f30b578

File tree

1 file changed

+59
-56
lines changed
  • app/design/frontend/Magento/blank/Magento_LayeredNavigation/web/css/source

1 file changed

+59
-56
lines changed

app/design/frontend/Magento/blank/Magento_LayeredNavigation/web/css/source/_module.less

Lines changed: 59 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -4,79 +4,82 @@
44
// */
55

66
//
7-
// Common
8-
//--------------------------------------
7+
// Common
8+
// _____________________________________________
99

1010
& when (@media-common = true) {
1111

12-
.block.filter {
13-
margin-bottom: 40px;
14-
.filter-title {
15-
margin-bottom: 20px;
16-
strong {
17-
font-size: 18px;
12+
.block.filter {
13+
margin-bottom: 40px;
14+
.filter-title {
15+
margin-bottom: 20px;
16+
strong {
17+
font-size: 18px;
18+
}
1819
}
19-
}
20-
.filter-subtitle {
21-
display: none;
22-
}
23-
.filter-options-title {
24-
word-break: break-all;
25-
}
2620

27-
.filter-options-content {
28-
.filter-count-label {
29-
&:extend(.abs-visually-hidden all);
21+
.filter-subtitle {
22+
display: none;
3023
}
31-
}
32-
.filter-options {
33-
margin: 0;
34-
> dt {
35-
.lib-heading(h4);
36-
margin: 0 0 10px;
24+
25+
.filter-options-title {
26+
word-break: break-all;
3727
}
38-
> dd {
39-
margin: 0 0 25px;
4028

41-
.item {
42-
margin-bottom: 3px;
29+
.filter-options-content {
30+
.filter-count-label {
31+
&:extend(.abs-visually-hidden all);
4332
}
4433
}
45-
.count {
46-
.lib-css(color, @text__color__muted);
47-
&:before {
48-
content: '(';
34+
35+
.filter-options {
36+
margin: 0;
37+
> dt {
38+
.lib-heading(h4);
39+
margin: 0 0 10px;
40+
}
41+
> dd {
42+
margin: 0 0 25px;
43+
44+
.item {
45+
margin-bottom: 3px;
46+
}
4947
}
50-
&:after {
51-
content: ')';
48+
.count {
49+
.lib-css(color, @text__color__muted);
50+
&:before {
51+
content: '(';
52+
}
53+
&:after {
54+
content: ')';
55+
}
5256
}
5357
}
54-
}
55-
.items {
56-
&:extend(.abs-reset-list all);
57-
}
58-
.filtered {
5958
.items {
60-
margin: 15px 0;
59+
&:extend(.abs-reset-list all);
6160
}
62-
.item {
63-
position: relative;
64-
padding-left: 22px;
65-
margin-bottom: 6px;
66-
.label {
67-
font-weight: @font-weight__bold;
61+
62+
.filtered {
63+
.items {
64+
margin: 15px 0;
6865
}
69-
.action.remove {
70-
&:extend(.abs-remove-button-for-blocks all);
71-
position: absolute;
72-
left: -6px;
73-
top: 0;
66+
.item {
67+
margin-bottom: 6px;
68+
padding-left: 22px;
69+
position: relative;
70+
.label {
71+
font-weight: @font-weight__bold;
72+
}
73+
.action.remove {
74+
&:extend(.abs-remove-button-for-blocks all);
75+
left: -6px;
76+
position: absolute;
77+
top: 0;
78+
}
79+
}
80+
& + .actions {
81+
margin-bottom: 35px;
7482
}
75-
}
76-
& + .actions {
77-
margin-bottom: 35px;
7883
}
7984
}
8085
}
81-
82-
}

0 commit comments

Comments
 (0)