Skip to content
This repository was archived by the owner on Oct 8, 2021. It is now read-only.

Commit 83ec301

Browse files
jaspermdegrootjaspermdegroot
committed
Controlgroup: Updated CSS. Fixes #5484.
1 parent 1de4c7f commit 83ec301

File tree

1 file changed

+119
-41
lines changed

1 file changed

+119
-41
lines changed

‎css/structure/jquery.mobile.controlgroup.css‎

Lines changed: 119 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -1,50 +1,114 @@
1-
.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0; zoom: 1; }
2-
.ui-controlgroup.ui-mini, fieldset.ui-controlgroup.ui-mini { margin: .25em 0; }
3-
.ui-field-contain .ui-controlgroup, .ui-field-contain fieldset.ui-controlgroup { margin: 0; }
4-
.ui-bar .ui-controlgroup { margin: 0 5px; }
5-
6-
.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .4em; }
7-
.ui-controlgroup-controls label.ui-select,
8-
.ui-controlgroup-controls label.ui-submit { position: absolute; left: -9999px; }
9-
.ui-controlgroup li { list-style: none; }
10-
11-
.ui-controlgroup .ui-btn {
1+
.ui-controlgroup,
2+
fieldset.ui-controlgroup {
3+
padding: 0;
4+
margin: .5em 0;
5+
zoom: 1;
6+
}
7+
.ui-controlgroup.ui-mini,
8+
fieldset.ui-controlgroup.ui-mini {
9+
margin-top: .25em;
10+
margin-bottom: .25em;
11+
padding: 0;
12+
}
13+
.ui-field-contain .ui-controlgroup,
14+
.ui-field-contain fieldset.ui-controlgroup {
1215
margin: 0;
1316
}
14-
.ui-controlgroup button.ui-btn {
15-
width: auto;
17+
.ui-bar .ui-controlgroup {
18+
margin: 0 5px;
1619
}
17-
18-
.ui-controlgroup .ui-btn-icon-notext { width: auto; height: auto; top: auto; }
19-
.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 20px; padding: .6em 20px .6em 20px }
20-
.ui-controlgroup-horizontal .ui-btn-icon-notext .ui-btn-inner { width: 18px; }
21-
.ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner,
22-
.ui-header .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner,
23-
.ui-footer .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 16px; padding: .55em 11px .5em 11px; }
24-
.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; right: 50%; margin: -9px -9px 0 0; }
25-
.ui-controlgroup-horizontal .ui-btn-inner { text-align: center; }
26-
.ui-controlgroup-horizontal.ui-mini .ui-btn-inner { height: 16px; line-height: 16px; }
27-
.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
28-
2920
.ui-controlgroup-horizontal .ui-controlgroup-controls:before,
30-
.ui-controlgroup-horizontal .ui-controlgroup-controls:after { content: ""; display: table; }
31-
.ui-controlgroup-horizontal .ui-controlgroup-controls:after { clear: both; }
32-
.ui-controlgroup-horizontal .ui-controlgroup-controls { display: inline-block; vertical-align: middle; zoom: 1; }
33-
.ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn, .ui-controlgroup-horizontal .ui-controlgroup-controls li > .ui-btn,
34-
.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio,
35-
.ui-controlgroup-horizontal .ui-select { float: left; clear: none; margin: 0; }
36-
/* On IE7 the floating selects will be displayed as block if .ui-btn-text has width 100% */
37-
.ui-controlgroup-horizontal .ui-select .ui-btn-text { width: auto; }
38-
39-
.ui-controlgroup-vertical .ui-btn { border-bottom-width: 0; }
40-
.ui-controlgroup-vertical .ui-btn.ui-last-child { border-bottom-width: 1px; }
41-
.ui-controlgroup-horizontal .ui-btn { border-right-width: 0; }
42-
.ui-controlgroup-horizontal .ui-btn.ui-last-child { border-right-width: 1px; }
43-
21+
.ui-controlgroup-horizontal .ui-controlgroup-controls:after {
22+
content: "";
23+
display: table;
24+
}
25+
.ui-controlgroup-horizontal .ui-controlgroup-controls:after {
26+
clear: both;
27+
}
28+
.ui-controlgroup-horizontal .ui-controlgroup-controls {
29+
display: inline-block;
30+
vertical-align: middle;
31+
zoom: 1;
32+
}
33+
.ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn,
34+
.ui-controlgroup-horizontal .ui-controlgroup-controls li > .ui-btn,
35+
.ui-controlgroup-horizontal .ui-checkbox,
36+
.ui-controlgroup-horizontal .ui-radio,
37+
.ui-controlgroup-horizontal .ui-select {
38+
float: left;
39+
clear: none;
40+
margin: 0;
41+
}
42+
.ui-controlgroup .ui-btn {
43+
margin: 0;
44+
}
4445
.ui-controlgroup .ui-btn:focus {
4546
z-index: 1;
4647
}
47-
48+
.ui-controlgroup.ui-mini .ui-btn {
49+
margin: 0;
50+
font-size: 12.5px;
51+
padding: .55em 11px .5em;
52+
}
53+
.ui-controlgroup.ui-mini .ui-btn-icon-left {
54+
padding-left: 30px;
55+
}
56+
.ui-controlgroup.ui-mini .ui-btn-icon-right {
57+
padding-right: 30px;
58+
}
59+
.ui-controlgroup.ui-mini .ui-btn-icon-top {
60+
padding-top: 30px;
61+
}
62+
.ui-controlgroup.ui-mini .ui-btn-icon-bottom {
63+
padding-bottom: 30px;
64+
}
65+
.ui-controlgroup.ui-mini .ui-btn-icon-left:after {
66+
left: 5px;
67+
}
68+
.ui-controlgroup.ui-mini .ui-btn-icon-right:after {
69+
right: 5px;
70+
}
71+
.ui-controlgroup.ui-mini .ui-btn-icon-top:after {
72+
top: 5px;
73+
}
74+
.ui-controlgroup.ui-mini .ui-btn-icon-bottom:after {
75+
bottom: 5px;
76+
}
77+
.ui-controlgroup li {
78+
list-style: none;
79+
}
80+
.ui-controlgroup-horizontal button.ui-btn,
81+
.ui-controlgroup .ui-btn-icon-notext {
82+
width: auto;
83+
}
84+
.ui-controlgroup-horizontal .ui-btn-icon-notext,
85+
.ui-controlgroup-horizontal button.ui-btn-icon-notext {
86+
width: 24px;
87+
}
88+
.ui-controlgroup .ui-btn-icon-notext {
89+
height: auto;
90+
padding: .7em 15px;
91+
}
92+
.ui-controlgroup .ui-btn-icon-notext:after {
93+
top: 50%;
94+
left: 50%;
95+
margin: -9px 0 0 -9px;
96+
}
97+
.ui-controlgroup.ui-mini .ui-btn-icon-notext {
98+
padding: .55em 11px .5em 11px;
99+
}
100+
.ui-controlgroup-vertical .ui-btn {
101+
border-bottom-width: 0;
102+
}
103+
.ui-controlgroup-vertical .ui-btn.ui-last-child {
104+
border-bottom-width: 1px;
105+
}
106+
.ui-controlgroup-horizontal .ui-btn {
107+
border-right-width: 0;
108+
}
109+
.ui-controlgroup-horizontal .ui-btn.ui-last-child {
110+
border-right-width: 1px;
111+
}
48112
.ui-controlgroup .ui-btn-corner-all,
49113
.ui-controlgroup .ui-btn.ui-corner-all {
50114
-webkit-border-radius: 0;
@@ -82,12 +146,26 @@
82146
-webkit-border-bottom-right-radius: inherit;
83147
border-bottom-right-radius: inherit;
84148
}
85-
86149
.ui-controlgroup .ui-shadow:not(.ui-focus) {
87150
-moz-box-shadow: none;
88151
-webkit-box-shadow: none;
89152
box-shadow: none;
90153
}
154+
.ui-controlgroup-label {
155+
font-size: 16px;
156+
line-height: 1.4;
157+
font-weight: normal;
158+
margin: 0 0 .4em;
159+
}
160+
.ui-controlgroup .ui-checkbox label,
161+
.ui-controlgroup .ui-radio label {
162+
font-size: 16px;
163+
}
164+
.ui-controlgroup-controls label.ui-select,
165+
.ui-controlgroup-controls label.ui-submit {
166+
position: absolute;
167+
left: -9999px;
168+
}
91169

92170
@media (min-width: 28em) {
93171
.ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }

0 commit comments

Comments
 (0)