Skip to content

Commit 38e097b

Browse files
committed
Flexify the jQuery UI selectmenu widget
1 parent b0c00bb commit 38e097b

File tree

3 files changed

+67
-71
lines changed

3 files changed

+67
-71
lines changed

dist/textpattern/jquery-ui.css

Lines changed: 36 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1532,9 +1532,39 @@ label.ui-state-active.ui-button:active {
15321532
* </ul>
15331533
* </div>
15341534
*/
1535-
.ui-selectmenu-icon.ui-icon {
1535+
.ui-selectmenu-button {
1536+
display: -webkit-inline-flex;
1537+
display: -ms-inline-flexbox;
1538+
display: inline-flex;
1539+
}
1540+
1541+
.ui-selectmenu-button:not(.ui-controlgroup-item) {
1542+
border-radius: 0.5em;
1543+
}
1544+
1545+
.ui-selectmenu-button.ui-controlgroup-item.ui-corner-tr {
1546+
border-radius: 0 0.5em 0.5em 0;
1547+
}
1548+
1549+
.ui-selectmenu-button.ui-controlgroup-item.ui-corner-tl {
1550+
border-radius: 0.5em 0 0 0.5em;
1551+
}
1552+
1553+
.ui-selectmenu-icon {
1554+
-webkit-flex: none;
1555+
-ms-flex: none;
1556+
flex: none;
1557+
-webkit-order: 2;
1558+
-ms-flex-order: 2;
1559+
order: 2;
15361560
margin: 0 -0.25em 0 0.25em;
1537-
float: right;
1561+
}
1562+
1563+
.ui-selectmenu-text {
1564+
display: block;
1565+
text-overflow: ellipsis;
1566+
white-space: nowrap;
1567+
overflow: hidden;
15381568
}
15391569

15401570
.ui-selectmenu-menu {
@@ -1570,42 +1600,9 @@ label.ui-state-active.ui-button:active {
15701600
display: block;
15711601
}
15721602

1573-
.ui-selectmenu-text {
1574-
display: block;
1575-
margin-right: 1em;
1576-
text-overflow: ellipsis;
1577-
overflow: hidden;
1578-
}
1579-
1580-
.ui-selectmenu-button.ui-button {
1581-
white-space: nowrap;
1582-
}
1583-
1584-
.ui-selectmenu-button:not(.ui-controlgroup-item) {
1585-
border-radius: 0.5em;
1586-
}
1587-
1588-
.ui-selectmenu-button.ui-controlgroup-item.ui-corner-tr {
1589-
border-radius: 0 0.5em 0.5em 0;
1590-
}
1591-
1592-
.ui-selectmenu-button.ui-controlgroup-item.ui-corner-tl {
1593-
border-radius: 0.5em 0 0 0.5em;
1594-
}
1595-
15961603
/**
15971604
* Selectmenu RTL support.
15981605
*/
1599-
[dir="rtl"] .ui-selectmenu-icon.ui-icon {
1600-
margin: 0 0.25em 0 -0.25em;
1601-
float: left;
1602-
}
1603-
1604-
[dir="rtl"] .ui-selectmenu-text {
1605-
margin-right: 0;
1606-
margin-left: 1em;
1607-
}
1608-
16091606
[dir="rtl"] .ui-selectmenu-button.ui-controlgroup-item.ui-corner-tr {
16101607
border-radius: 0.5em 0 0 0.5em;
16111608
}
@@ -1614,6 +1611,10 @@ label.ui-state-active.ui-button:active {
16141611
border-radius: 0 0.5em 0.5em 0;
16151612
}
16161613

1614+
[dir="rtl"] .ui-selectmenu-icon {
1615+
margin: 0 0.25em 0 -0.25em;
1616+
}
1617+
16171618
/* Slider
16181619
========================================================================== */
16191620
/**

0 commit comments

Comments
 (0)