← Back to branch summary

~canonical-sysadmins/wordpress/4.9.2

« back to all changes in this revision

Viewing changes to wp-admin/css/widgets-rtl.css

  • Committer: Barry Price
  • Date: 2017-11-17 04:49:02 UTC
  • mfrom: (1.1.30 upstream)
  • Revision ID: barry.price@canonical.com-20171117044902-5frux4ycbq6g9fyf
Merge WP4.9 from upstream

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-admin/css/widgets-rtl.css
3
3
.widget {
4
4
        margin: 0 auto 10px;
5
5
        position: relative;
6
 
        -webkit-box-sizing: border-box;
7
 
        -moz-box-sizing: border-box;
8
6
        box-sizing: border-box;
9
7
}
10
8
 
44
42
        line-height: 16px;
45
43
}
46
44
 
 
45
.widget.widget-dirty .widget-control-close-wrapper {
 
46
        display: none;
 
47
}
 
48
 
47
49
.in-widget-title,
48
50
#widgets-right a.widget-control-edit,
49
51
#available-widgets .widget-description {
84
86
 
85
87
.media-widget-control .placeholder {
86
88
        border: 1px dashed #b4b9be;
87
 
        -webkit-box-sizing: border-box;
88
 
        -moz-box-sizing: border-box;
89
89
        box-sizing: border-box;
90
 
        cursor: default;
 
90
        cursor: pointer;
91
91
        line-height: 20px;
92
92
        padding: 9px 0;
93
93
        position: relative;
96
96
}
97
97
 
98
98
.media-widget-control .media-widget-preview {
 
99
        background: transparent;
99
100
        text-align: center;
100
101
}
101
102
.media-widget-control .media-widget-preview .notice {
110
111
}
111
112
.media-widget-control .media-widget-preview img {
112
113
        max-width: 100%;
 
114
        vertical-align: middle;
113
115
}
114
116
.media-widget-control .media-widget-preview .wp-video-shortcode {
115
117
        background: #000;
152
154
        top: 30px;
153
155
}
154
156
 
155
 
.media-frame #embed-url-field.invalid {
156
 
        border: 1px solid #f00;
157
 
}
 
157
.media-frame #embed-url-field.invalid,
 
158
.media-widget-image-link > .link:invalid {
 
159
        border: 1px solid #dc3232;
 
160
}
 
161
 
 
162
.media-widget-image-link {
 
163
        margin: 1em 0;
 
164
}
 
165
 
 
166
.media-widget-gallery-preview {
 
167
        display: -webkit-box;
 
168
        display: flex;
 
169
        -webkit-box-pack: start;
 
170
        justify-content: flex-start;
 
171
        flex-wrap: wrap;
 
172
        margin: -1.79104477%;
 
173
}
 
174
 
 
175
.media-widget-preview.media_gallery,
 
176
.media-widget-preview.media_image {
 
177
        cursor: pointer;
 
178
}
 
179
 
 
180
.media-widget-preview.media_image,
 
181
.media-widget-preview.media_audio,
 
182
.attachment-media-view {
 
183
        background: #f1f1f1;
 
184
}
 
185
 
 
186
.media-widget-gallery-preview .gallery-item {
 
187
        box-sizing: border-box;
 
188
        width: 50%;
 
189
        margin: 0;
 
190
        background: transparent;
 
191
}
 
192
 
 
193
.media-widget-gallery-preview .gallery-item .gallery-icon { 
 
194
        margin: 4.5%;
 
195
}
 
196
 
 
197
/*
 
198
 * Use targeted nth-last-child selectors to control the size of each image
 
199
 * based on how many gallery items are present in the grid.
 
200
 * See: https://alistapart.com/article/quantity-queries-for-css
 
201
 */
 
202
.media-widget-gallery-preview .gallery-item:nth-last-child(3):first-child,
 
203
.media-widget-gallery-preview .gallery-item:nth-last-child(3):first-child ~ .gallery-item,
 
204
.media-widget-gallery-preview .gallery-item:nth-last-child(n+5),
 
205
.media-widget-gallery-preview .gallery-item:nth-last-child(n+5) ~ .gallery-item,
 
206
.media-widget-gallery-preview .gallery-item:nth-last-child(n+6),
 
207
.media-widget-gallery-preview .gallery-item:nth-last-child(n+6) ~ .gallery-item {
 
208
        max-width: 33.33%;
 
209
}
 
210
 
 
211
.media-widget-gallery-preview .gallery-item img {
 
212
        height: auto;
 
213
        vertical-align: bottom;
 
214
}
 
215
 
 
216
.media-widget-gallery-preview .gallery-icon {
 
217
        position: relative;
 
218
}
 
219
 
 
220
.media-widget-gallery-preview .gallery-icon-placeholder {
 
221
        position: absolute;
 
222
        top: 0;
 
223
        bottom: 0;
 
224
        width: 100%;
 
225
        box-sizing: border-box;
 
226
        display: -webkit-box;
 
227
        display: flex;
 
228
        -webkit-box-align: center;
 
229
        align-items: center;
 
230
        -webkit-box-pack: center;
 
231
        justify-content: center;
 
232
        background-color: rgba( 0, 0, 0, .5 );
 
233
}
 
234
 
 
235
.media-widget-gallery-preview .gallery-icon-placeholder-text {
 
236
        font-weight: 600;
 
237
        font-size: 2em;
 
238
        color: white;
 
239
}
 
240
 
158
241
 
159
242
/* Widget Dragging Helpers */
160
243
.widget.ui-draggable-dragging {
170
253
        margin: 0 auto 10px;
171
254
        height: 45px;
172
255
        width: 100%;
173
 
        -webkit-box-sizing: border-box;
174
 
        -moz-box-sizing: border-box;
175
256
        box-sizing: border-box;
176
257
}
177
258
 
188
269
/* Widget Sidebars */
189
270
.sidebar-name {
190
271
        position: relative;
191
 
        -webkit-box-sizing: border-box;
192
 
        -moz-box-sizing: border-box;
193
272
        box-sizing: border-box;
194
273
}
195
274
 
196
 
.sidebar-name-arrow {
197
 
        position: absolute;
198
 
        top: 0;
199
 
        left: 0;
200
 
        bottom: 0;
201
 
}
202
 
 
203
275
.js .sidebar-name {
204
276
        cursor: pointer;
205
277
}
206
278
 
 
279
.sidebar-name .handlediv {
 
280
        float: left;
 
281
        width: 38px;
 
282
        height: 38px;
 
283
        border: 0;
 
284
        margin: 0;
 
285
        padding: 8px;
 
286
        background: none;
 
287
        cursor: pointer;
 
288
        outline: none;
 
289
}
 
290
 
 
291
#widgets-right .sidebar-name .handlediv {
 
292
        margin: 5px 0 0 3px;
 
293
}
 
294
 
 
295
.sidebar-name .handlediv:focus {
 
296
        box-shadow: none;
 
297
        outline: none;
 
298
}
 
299
 
 
300
#widgets-left .sidebar-name .toggle-indicator {
 
301
        display: none;
 
302
}
 
303
 
 
304
#widgets-left .widgets-holder-wrap.closed .sidebar-name .toggle-indicator,
 
305
#widgets-left .sidebar-name:hover .toggle-indicator,
 
306
#widgets-left .sidebar-name .handlediv:focus .toggle-indicator {
 
307
        display: block;
 
308
}
 
309
 
 
310
.sidebar-name .toggle-indicator:before {
 
311
        padding: 1px 0 1px 2px;
 
312
        border-radius: 50%;
 
313
}
 
314
 
 
315
.sidebar-name .handlediv:focus .toggle-indicator:before {
 
316
        box-shadow:
 
317
                0 0 0 1px #5b9dd9,
 
318
                0 0 2px 1px rgba(30, 140, 190, .8);
 
319
}
 
320
 
207
321
.sidebar-name h2,
208
322
.sidebar-name h3 {
209
323
        margin: 0;
258
372
        margin: 0 0 0 10px;
259
373
}
260
374
 
261
 
#widgets-left .sidebar-name .sidebar-name-arrow:before {
262
 
        padding: 9px;
263
 
}
264
 
 
265
375
#widgets-left .widgets-holder-wrap,
266
376
div#widgets-left .widget-holder {
267
377
        background: transparent;
270
380
 
271
381
#widgets-left .widgets-holder-wrap {
272
382
        border: none;
273
 
        -webkit-box-shadow: none;
274
383
        box-shadow: none;
275
384
}
276
385
 
290
399
        display: block;
291
400
        padding: 10px 15px;
292
401
        font-size: 12px;
 
402
        overflow-wrap: break-word;
 
403
        word-wrap: break-word;
 
404
        -ms-word-break: break-all;
 
405
        word-break: break-word;
 
406
        -ms-hyphens: auto;
 
407
        -webkit-hyphens: auto;
 
408
        hyphens: auto;
293
409
}
294
410
 
295
411
#available-widgets #widget-list {
304
420
        padding: 0;
305
421
        margin: 0 0 20px 0;
306
422
        border: none;
307
 
        -webkit-box-shadow: none;
308
423
        box-shadow: none;
309
424
}
310
425
 
351
466
        padding: 15px 7px;
352
467
}
353
468
 
354
 
div#widgets-right .sidebar-name .sidebar-name-arrow:before {
355
 
        top: 2px;
356
 
}
357
 
 
358
469
div#widgets-right .widget-top {
359
470
        padding: 0;
360
471
}
382
493
/* Dragging a widget over a closed sidebar */
383
494
#widgets-right .widgets-holder-wrap.widget-hover {
384
495
        border-color: #72777c;
385
 
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
386
496
        box-shadow: 0 1px 2px rgba(0,0,0,0.3);
387
497
}
388
498
 
485
595
.widget-control-noform,
486
596
#access-off,
487
597
.widgets_access .widget-action,
488
 
.widgets_access .sidebar-name-arrow,
 
598
.widgets_access .handlediv,
489
599
.widgets_access #access-on,
490
600
.widgets_access .widget-holder .description,
491
601
.no-js .widget-holder .description {
510
620
/* Widgets Area Chooser */
511
621
.widget-liquid-left #widgets-left.chooser #available-widgets .widget,
512
622
.widget-liquid-left #widgets-left.chooser .inactive-sidebar {
513
 
        -webkit-transition: opacity 0.1s linear;
514
623
        transition: opacity 0.1s linear;
515
624
}
516
625
 
533
642
div#widgets-right .widget-top:hover,
534
643
#widgets-left .widget-top:hover {
535
644
        border-color: #999;
536
 
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
537
645
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
538
646
}
539
647
 
560
668
        cursor: pointer;
561
669
        outline: none;
562
670
        position: relative;
563
 
        -webkit-transition: background 0.2s ease-in-out;
564
671
        transition: background 0.2s ease-in-out;
565
672
}
566
673
 
642
749
        line-height: 1.4em;
643
750
}
644
751
 
 
752
.custom-html-widget-fields > p > .CodeMirror {
 
753
        border: 1px solid #e5e5e5;
 
754
}
 
755
.custom-html-widget-fields code {
 
756
        padding-top: 1px;
 
757
        padding-bottom: 1px;
 
758
}
 
759
ul.CodeMirror-hints {
 
760
        z-index: 101; /* Due to z-index 100 set on .widget.open */
 
761
}
 
762
.widget-control-actions .custom-html-widget-save-button.button.validation-blocked {
 
763
        cursor: not-allowed;
 
764
}
 
765
 
645
766
/* =Media Queries
646
767
-------------------------------------------------------------- */
647
768
 
671
792
        }
672
793
 
673
794
        div.widget {
674
 
                margin: 0 auto 10px !important;
 
795
                margin: 0 auto !important;
675
796
                max-width: 480px;
676
797
        }
677
798
}