← Back to branch summary

~canonical-sysadmins/wordpress/4.9

« back to all changes in this revision

Viewing changes to wp-admin/css/customize-nav-menus.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/customize-nav-menus.css
1
1
#customize-theme-controls #accordion-section-menu_locations {
2
2
        position: relative;
3
 
        margin-bottom: 15px;
 
3
        margin-top: 30px;
4
4
}
5
5
 
6
6
#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
7
7
        border-bottom-color: #ddd;
 
8
        margin-top: 15px;
 
9
}
 
10
 
 
11
#customize-theme-controls .customize-section-title-nav_menus-heading,
 
12
#customize-theme-controls .customize-section-title-menu_locations-heading,
 
13
#customize-theme-controls .customize-section-title-menu_locations-description {
 
14
        padding: 0 12px 0 12px;
 
15
}
 
16
 
 
17
#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
 
18
        /* Override the default italic style for control descriptions */
 
19
        font-style: normal;
8
20
}
9
21
 
10
22
.menu-in-location,
20
32
        color: #555;
21
33
}
22
34
 
23
 
/* The `edit-menu` button uses also the `button-link` class. */
24
 
.customize-control-nav_menu_location .edit-menu {
 
35
/* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */
 
36
.customize-control-nav_menu_location .edit-menu,
 
37
.customize-control-nav_menu_location .create-menu {
25
38
        margin-left: 6px;
26
39
        vertical-align: middle;
27
40
        line-height: 28px;
28
41
}
29
42
 
 
43
#customize-controls .customize-control-nav_menu_name {
 
44
        margin-bottom: 12px;
 
45
}
 
46
 
 
47
.customize-control-nav_menu_name p:last-of-type {
 
48
        margin-bottom: 0;
 
49
}
 
50
 
 
51
#customize-new-menu-submit {
 
52
        float: right;
 
53
        min-width: 85px;
 
54
}
 
55
 
30
56
.wp-customizer .menu-item-bar .menu-item-handle,
31
57
.wp-customizer .menu-item-settings,
32
58
.wp-customizer .menu-item-settings .description-thin {
33
 
        -webkit-box-sizing: border-box;
34
 
        -moz-box-sizing: border-box;
35
59
        box-sizing: border-box;
36
60
}
37
61
 
134
158
 
135
159
.customize-control input.menu-name-field {
136
160
        width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */
137
 
        margin: 12px 0;
138
161
}
139
162
 
140
163
.wp-customizer .menu-item .item-edit {
145
168
        width: 30px;
146
169
        height: 38px;
147
170
        margin-right: 0 !important;
148
 
        -webkit-box-shadow: none;
149
171
        box-shadow: none;
150
172
        outline: none;
151
173
        overflow: hidden;
179
201
        border-top: none;
180
202
}
181
203
 
182
 
.menu-settings .customize-control-checkbox label {
183
 
        line-height: 1;
184
 
}
185
 
 
186
 
/* @todo update selector or potentially remove */
187
 
.menu-settings .customize-control.customize-control-checkbox {
188
 
        margin-bottom: 8px; /* Override collapsing at smaller viewports. */
 
204
.wp-customizer .menu-location-settings {
 
205
        margin-top: 12px;
 
206
        border-top: none;
 
207
}
 
208
 
 
209
.wp-customizer .control-section-nav_menu .menu-location-settings {
 
210
        margin-top: 24px;
 
211
        border-top: 1px solid #ddd;
 
212
}
 
213
 
 
214
.wp-customizer .control-section-nav_menu .menu-location-settings,
 
215
.customize-control-nav_menu_auto_add {
 
216
        padding-top: 12px;
 
217
}
 
218
 
 
219
.customize-control-nav_menu_auto_add label {
 
220
        vertical-align: top;
 
221
}
 
222
 
 
223
.menu-location-settings .new-menu-locations-widget-note {
 
224
        display: block;
189
225
}
190
226
 
191
227
.customize-control-menu {
249
285
 
250
286
.customize-screen-options-toggle:focus:before,
251
287
#customize-controls .customize-info .customize-help-toggle:focus:before {
252
 
        -webkit-border-radius: 100%;
253
288
        border-radius: 100%;
254
289
}
255
290
 
283
318
        display: block;
284
319
        padding: 1px 2px 1px 0px;
285
320
        speak: none;
286
 
        -webkit-border-radius: 50%;
287
321
        border-radius: 50%;
288
322
        color: #72777c;
289
323
        font: normal 20px/1 dashicons;
388
422
.control-section-nav_menu.menu .sortable-placeholder {
389
423
        margin-top: 0;
390
424
        margin-bottom: 1px;
391
 
        max-width: -webkit-calc(100% - 2px);
392
425
        max-width: calc(100% - 2px);
393
426
        float: left;
394
427
        display: list-item;
432
465
        position: absolute;
433
466
        top: 9px;
434
467
        left: 5px;
435
 
        -webkit-border-radius: 50%;
436
468
        border-radius: 50%;
437
469
        font: normal 20px/1 dashicons;
438
470
        -webkit-font-smoothing: antialiased;
445
477
 
446
478
.menu-item-bar .item-delete:hover,
447
479
.menu-item-bar .item-delete:focus {
448
 
        -webkit-box-shadow: none;
449
480
        box-shadow: none;
450
481
        outline: none;
451
 
        color: #f00;
 
482
        color: #dc3232;
452
483
}
453
484
 
454
485
.adding-menu-items .menu-item-bar .item-edit {
476
507
        border-left: none;
477
508
        border-right: none;
478
509
        background: #fff;
479
 
        -webkit-transition: background-color 0.15s;
480
510
        transition: background-color 0.15s;
481
511
        /* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
482
512
        -webkit-user-select: auto;
519
549
        position: absolute;
520
550
        top: 5px;
521
551
        right: 5px;
522
 
        -webkit-box-shadow: none;
523
552
        box-shadow: none;
524
553
        outline: none;
525
554
        cursor: pointer;
570
599
 
571
600
#custom-menu-item-name.invalid,
572
601
#custom-menu-item-url.invalid,
 
602
.edit-menu-item-url.invalid,
573
603
.menu-name-field.invalid,
574
604
.menu-name-field.invalid:focus,
575
605
#available-menu-items .new-content-item .create-item-input.invalid,
576
606
#available-menu-items .new-content-item .create-item-input.invalid:focus {
577
 
        border: 1px solid #f00;
 
607
        border: 1px solid #dc3232;
578
608
}
579
609
 
580
610
#available-menu-items .menu-item-handle .item-type {
590
620
}
591
621
 
592
622
#available-menu-items .menu-item-handle {
593
 
        -webkit-box-shadow: none;
594
623
        box-shadow: none;
595
624
        margin-top: -1px;
596
625
}
611
640
        color: #82878c;
612
641
        width: 30px;
613
642
        height: 38px;
614
 
        -webkit-box-shadow: none;
615
643
        box-shadow: none;
616
644
        outline: none;
617
645
        cursor: pointer;
629
657
        top: 3px;
630
658
        display: inline-block;
631
659
        height: 20px;
632
 
        -webkit-border-radius: 50%;
633
660
        border-radius: 50%;
634
661
        font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
635
662
}
667
694
        max-height: none;
668
695
        width: 100%;
669
696
        padding: 1px 15px 15px;
670
 
        -webkit-box-sizing: border-box;
671
 
        -moz-box-sizing: border-box;
672
697
        box-sizing: border-box;
673
698
}
674
699
 
695
720
}
696
721
 
697
722
#customize-preview {
698
 
        -webkit-transition: all 0.2s;
699
723
        transition: all 0.2s;
700
724
}
701
725
 
740
764
}
741
765
 
742
766
.added-menu-item .menu-item-handle {
743
 
        -webkit-transition-property: opacity, background, color;
744
767
        transition-property: opacity, background, color;
745
 
        -webkit-transition-duration: 1.25s;
746
768
        transition-duration: 1.25s;
747
 
        -webkit-transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 );
748
769
        transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
749
770
}
750
771
 
757
778
/* @todo update selector */
758
779
#accordion-section-add_menu {
759
780
        margin: 15px 12px;
760
 
        overflow: hidden;
761
 
}
762
 
 
763
 
.new-menu-section-content {
764
 
        display: none;
765
 
        padding: 15px 0 0 0;
766
 
        clear: both;
767
 
}
768
 
 
769
 
/* @todo update selector */
770
 
#accordion-section-add_menu .accordion-section-title {
771
 
        padding-left: 45px;
772
 
}
773
 
 
774
 
/* @todo update selector */
775
 
#accordion-section-add_menu .accordion-section-title:before {
776
 
        font: normal 20px/1 dashicons;
777
 
        position: absolute;
778
 
        top: 12px;
779
 
        left: 14px;
780
 
        content: "\f132";
 
781
}
 
782
 
 
783
#accordion-section-add_menu h3 {
 
784
        text-align: right;
 
785
}
 
786
 
 
787
#accordion-section-add_menu h3,
 
788
#accordion-section-add_menu .customize-add-menu-button {
 
789
        margin: 0;
 
790
}
 
791
 
 
792
#accordion-section-add_menu .customize-add-menu-button {
 
793
        font-weight: normal;
781
794
}
782
795
 
783
796
#create-new-menu-submit {
791
804
        width: 100%;
792
805
}
793
806
 
 
807
.assigned-menu-locations-title p {
 
808
        margin: 0 0 8px 0;
 
809
}
 
810
 
794
811
li.assigned-to-menu-location .menu-delete-item {
795
812
        display: none;
796
813
}
827
844
        margin-bottom: 0;
828
845
}
829
846
 
830
 
.customize-control-nav_menu {
 
847
.customize-control-nav_menu .new-menu-item-invitation {
 
848
        margin-top: 0;
 
849
        margin-bottom: 0;
 
850
}
 
851
 
 
852
.customize-control-nav_menu .customize-control-nav_menu-buttons {
831
853
        margin-top: 12px;
832
854
}
833
855
 
842
864
.menu-delete:focus,
843
865
.menu-item-bar .item-delete:focus:before,
844
866
#available-menu-items .item-add:focus:before {
845
 
        -webkit-box-shadow:
846
 
                0 0 0 1px #5b9dd9,
847
 
                0 0 2px 1px rgba(30, 140, 190, .8);
848
867
        box-shadow:
849
868
                0 0 0 1px #5b9dd9,
850
869
                0 0 2px 1px rgba(30, 140, 190, .8);