Skip to content

Commit 45ba275

Browse files
ENGCOM-9104: Fix Ui-Select (Multiselect) close button issues #33098
- Merge Pull Request #33098 from SmartexCanada/magento2:ui-select-css-fixes - Merged commits: 1. 365e42e 2. ca0b73e 3. 37667b5 4. 3230691
2 parents 2c94da6 + 3230691 commit 45ba275

File tree

1 file changed

+33
-0
lines changed

1 file changed

+33
-0
lines changed

app/design/adminhtml/Magento/backend/web/css/source/actions/_actions-multiselect.less

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -93,6 +93,21 @@
9393
height: @action__height + .1rem;
9494
top: auto;
9595
}
96+
97+
> .action-close,
98+
> .action-close:active {
99+
background-color: transparent;
100+
margin-right: 3.2rem;
101+
padding: .8rem 1.5rem .6rem;
102+
position: absolute;
103+
right: 0;
104+
top: 0;
105+
transform: none;
106+
107+
&:before {
108+
font-size: 1.5rem;
109+
}
110+
}
96111
}
97112

98113
// Multiselect inside control table
@@ -259,6 +274,24 @@
259274
&:active {
260275
transform: scale(.9);
261276
}
277+
278+
.modal-popup &,
279+
.modal-slide & {
280+
color: @button__color;
281+
padding: 0;
282+
283+
&:hover {
284+
color: darken(@text__color, 20%);
285+
}
286+
287+
&:active {
288+
transform: scale(.9);
289+
}
290+
291+
&:before {
292+
font-size: 1em;
293+
}
294+
}
262295
}
263296
}
264297

0 commit comments

Comments
 (0)