Skip to content

Commit 1941794

Browse files
committed
jquery for widgets admin. Props filosofo. see WordPress#3824
git-svn-id: https://develop.svn.wordpress.org/trunk@5934 602fd350-edb4-49c9-b593-d223f7449a82
1 parent d976f0c commit 1941794

2 files changed

Lines changed: 128 additions & 133 deletions

File tree

wp-admin/css/widgets.css

Lines changed: 50 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -14,10 +14,10 @@ body {
1414
}
1515

1616
.dropzone {
17+
border: 1px solid #bbb;
1718
float: left;
1819
margin-right: 10px;
1920
padding: 5px;
20-
border: 1px solid #bbb;
2121
background-color: #f0f8ff;
2222
}
2323

@@ -26,30 +26,38 @@ body {
2626
color: #333;
2727
}
2828

29+
.dropzone input {
30+
display: none;
31+
}
32+
2933
.dropzone ul {
34+
float: left;
3035
list-style-type: none;
3136
width: 240px;
32-
float: left;
3337
margin: 0;
38+
min-height: 200px;
3439
padding: 0;
40+
display: block;
3541
}
3642

37-
* .module, #lastmodule {
43+
* .module {
3844
width: 238px;
3945
padding: 0;
4046
margin: 5px 0;
4147
cursor: move;
4248
display: block;
4349
border: 1px solid #ccc;
4450
background-color: #fbfbfb;
51+
position: relative;
4552
text-align: left;
4653
line-height: 25px;
4754
}
4855

49-
* .handle, #lastmodule span {
56+
* .handle {
5057
display: block;
5158
width: 216px;
5259
padding: 0 10px;
60+
position: relative;
5361
border-top: 1px solid #f2f2f2;
5462
border-right: 1px solid #e8e8e8;
5563
border-bottom: 1px solid #e8e8e8;
@@ -83,53 +91,67 @@ body {
8391
clear: left;
8492
}
8593

86-
.placematt {
94+
.placemat {
8795
cursor: default;
88-
margin: 10px 0 0;
96+
margin: 0;
8997
padding: 0;
90-
width: 238px;
91-
float:left;
92-
background-color: #ffe;
93-
}
94-
95-
* html .placematt {
96-
margin-top: 5px;
98+
position: relative;
9799
}
98100

99-
.placematt h4 {
101+
.placemat h4 {
100102
text-align: center;
101-
margin-bottom: 5px;
102103
}
103104

104-
.placematt span {
105+
.placemat span {
106+
background-color: #ffe;
107+
border: 1px solid #ccc;
105108
padding: 0 10px 10px;
109+
position: absolute;
106110
text-align: justify;
107111
}
108112

109-
110113
#palettediv {
111114
border: 1px solid #bbb;
112115
background-color: #f0f8ff;
113116
height:auto;
114117
margin-top: 10px;
118+
padding-bottom: 10px;
119+
}
120+
121+
#palettediv:after, #zones:after, .dropzone:after {
122+
content: ".";
123+
display: block;
124+
height: 0;
125+
clear: both;
126+
visibility: hidden;
127+
}
128+
129+
#palettediv, #zones, .dropzone {
130+
display: block;
131+
min-height: 1px;
132+
}
133+
134+
* html #palettediv, * html #zones, * html .dropzone {
135+
height: 1%;
115136
}
116137

117138
#palettediv h3 {
118139
text-align: center;
119140
color: #333;
141+
min-height: 1px;
120142
}
121143

122144
#palettediv ul {
123145
padding: 0 0 0 10px;
124146
}
125147

126-
#palettediv .module, #lastmodule {
148+
#palettediv .module {
127149
margin-right: 10px;
128150
float: left;
129151
width: 120px;
130152
}
131153

132-
#palettediv .handle, #lastmodule span {
154+
#palettediv .handle {
133155
height: 40px;
134156
font-size: 90%;
135157
width: 110px;
@@ -140,20 +162,11 @@ body {
140162
visibility: hidden;
141163
}
142164

143-
#lastmodule {
144-
visibility: hidden;
145-
}
146-
147165
* html #palettediv ul {
148166
margin: 0;
149167
padding: 0 0 0 10px;
150168
}
151169

152-
* html #palettediv .module {
153-
float: none;
154-
display: inline;
155-
}
156-
157170
#controls {
158171
height: 0px;
159172
}
@@ -212,3 +225,12 @@ body {
212225
left: 0px;
213226
width: 100%;
214227
}
228+
229+
#dragHelper {
230+
position: absolute;
231+
}
232+
233+
#dragHelper li.module {
234+
display: block;
235+
float: left;
236+
}

0 commit comments

Comments
 (0)