@atlassian/aui 9.2.3 → 9.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/aui/aui-prototyping.css +4 -4
- package/dist/aui/aui-prototyping.js +2 -2
- package/dist/aui/aui-prototyping.nodeps.css +4 -4
- package/dist/aui/aui-prototyping.nodeps.js +2 -2
- package/package.json +1 -1
- package/src/less/aui-select2.less +9 -4
- package/src/less/forms-current.less +5 -4
- package/src/less/imports/mixins/dropdown2-trigger-chevron-icon.less +2 -2
- package/src/less/single-select.less +0 -2
package/package.json
CHANGED
|
@@ -234,14 +234,16 @@
|
|
|
234
234
|
.aui-select2-container.select2-container .select2-choice:after {
|
|
235
235
|
#aui.icon-pseudoelement();
|
|
236
236
|
content: @aui-glyph-chevron-down;
|
|
237
|
-
left: 100%; /* "left" + "margin-left" required because of webkit not working properly with "right" */
|
|
238
237
|
height: 0;
|
|
239
238
|
margin-left: -18px;
|
|
240
239
|
margin-top: -2px;
|
|
241
240
|
opacity: 1;
|
|
242
241
|
position: absolute;
|
|
243
|
-
top:
|
|
242
|
+
top: calc(50% - 10px);
|
|
244
243
|
width: 0;
|
|
244
|
+
font-size: 16px;
|
|
245
|
+
line-height: 24px;
|
|
246
|
+
right: 22px;
|
|
245
247
|
}
|
|
246
248
|
|
|
247
249
|
/* Set the default text color to inherit.
|
|
@@ -272,9 +274,12 @@
|
|
|
272
274
|
.aui-select2-container.select2-container-multi .select2-choices {
|
|
273
275
|
#aui-forms.aui-select2-input-field-style(normal);
|
|
274
276
|
#aui.icon(@aui-glyph-chevron-down, {
|
|
275
|
-
font-size:
|
|
277
|
+
font-size: 16.5px;
|
|
276
278
|
left: inherit;
|
|
277
|
-
|
|
279
|
+
color: var(--aui-button-default-text-color);
|
|
280
|
+
right: 3px;
|
|
281
|
+
top: 50%;
|
|
282
|
+
line-height: 16px;
|
|
278
283
|
});
|
|
279
284
|
|
|
280
285
|
min-height: 0;
|
|
@@ -243,13 +243,14 @@ form.aui:not(.aui-legacy-forms) {
|
|
|
243
243
|
}
|
|
244
244
|
|
|
245
245
|
// both are @ak-color-N600
|
|
246
|
-
@chevron-dark: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill="%23A5ADBA" d="
|
|
247
|
-
@chevron-light: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill="%23344563" d="
|
|
246
|
+
@chevron-dark: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill="%23A5ADBA" d="M8.292 10.293a1.009 1.009 0 000 1.419l2.939 2.965c.218.215.5.322.779.322s.556-.107.769-.322l2.93-2.955a1.01 1.01 0 000-1.419.987.987 0 00-1.406 0l-2.298 2.317-2.307-2.327a.99.99 0 00-1.406 0z"/%3E%3C/svg%3E%0A');
|
|
247
|
+
@chevron-light: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill="%23344563" d="M8.292 10.293a1.009 1.009 0 000 1.419l2.939 2.965c.218.215.5.322.779.322s.556-.107.769-.322l2.93-2.955a1.01 1.01 0 000-1.419.987.987 0 00-1.406 0l-2.298 2.317-2.307-2.327a.99.99 0 00-1.406 0z"/%3E%3C/svg%3E%0A');
|
|
248
248
|
|
|
249
249
|
select[disabled]:not([size]),
|
|
250
250
|
.select:not([size]) {
|
|
251
251
|
background-repeat: no-repeat;
|
|
252
|
-
background-position: 100% 50%;
|
|
252
|
+
background-position: calc(100% + 1.5px) 50%;
|
|
253
|
+
background-size: 25px;
|
|
253
254
|
}
|
|
254
255
|
|
|
255
256
|
select.select[disabled]:not([size]) {
|
|
@@ -259,7 +260,7 @@ form.aui:not(.aui-legacy-forms) {
|
|
|
259
260
|
}
|
|
260
261
|
|
|
261
262
|
select.select:not([size]) {
|
|
262
|
-
padding-right:
|
|
263
|
+
padding-right: 20px;
|
|
263
264
|
background-image: @chevron-light;
|
|
264
265
|
}
|
|
265
266
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
#aui {
|
|
4
4
|
.aui-dropdown2-trigger-chevron-icon(@glyphsize: @aui-icon-size-small; @canvassize: @aui-icon-size-small-canvas) {
|
|
5
|
-
|
|
5
|
+
|
|
6
6
|
#aui.icon-pseudoelement(@aui-icon-font-family);
|
|
7
7
|
content: @aui-glyph-chevron-down;
|
|
8
8
|
font-size: @glyphsize;
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
line-height: 1;
|
|
11
11
|
margin-top: -(@glyphsize / 2);
|
|
12
12
|
position: absolute;
|
|
13
|
-
right:
|
|
13
|
+
right: 3.5px;
|
|
14
14
|
top: 50%;
|
|
15
15
|
text-indent: 0; // Reset indentation set by split button
|
|
16
16
|
width: @glyphsize;
|