WordPress.org

Make WordPress Core

Ticket #29158: 29158.left-border.diff

File 29158.left-border.diff, 6.2 KB (added by celloexpressions, 5 years ago)

Blue left borders, tied to color schemes, to match the device preview borders. Fix borders not being visible against the background color throughout the customizer.

  • src/wp-admin/css/colors/_admin.scss

     
    485485        border-bottom-color: $highlight-color;
    486486}
    487487
     488#customize-controls .control-section:hover > .accordion-section-title,
     489#customize-controls .control-section .accordion-section-title:hover,
     490#customize-controls .control-section.open .accordion-section-title,
     491#customize-controls .control-section .accordion-section-title:focus,
     492.customize-panel-back:hover,
     493.customize-panel-back:focus,
     494.customize-section-back:hover,
     495.customize-section-back:focus,
     496#available-widgets .widget-tpl:hover,
     497#available-widgets .widget-tpl.selected {
     498        border-left-color: $highlight-color;
     499}
     500
    488501/* Responsive Component */
    489502
    490503div#wp-responsive-toggle a:before {
  • src/wp-admin/css/customize-controls.css

     
    4848
    4949#customize-controls .customize-info {
    5050        border: none;
    51         border-top: 1px solid #ddd;
    5251        border-bottom: 1px solid #ddd;
    5352        margin-bottom: 15px;
    5453}
     
    155154        color: #555;
    156155        background-color: #fff;
    157156        border-bottom: 1px solid #eee;
     157        border-left: 4px solid #fff;
    158158}
    159159
    160160#customize-theme-controls .accordion-section-title:after {
     
    171171#customize-controls .control-section .accordion-section-title:hover,
    172172#customize-controls .control-section.open .accordion-section-title,
    173173#customize-controls .control-section .accordion-section-title:focus {
    174         color: #23282d;
     174        color: #191e23;
    175175        background: #f5f5f5;
     176        border-left: 4px solid #0073aa;
    176177}
    177178
     179#accordion-section-themes + .control-section {
     180        border-top: 1px solid #ddd;
     181}
     182
    178183.js .control-section:hover .accordion-section-title,
    179184.js .control-section .accordion-section-title:hover,
    180185.js .control-section.open .accordion-section-title,
     
    202207        border-bottom-color: #ddd;
    203208}
    204209
     210#customize-theme-controls .control-panel-content .control-section:nth-child(2),
     211#customize-theme-controls .control-panel-nav_menus .control-section:nth-child(3) {
     212        border-top: 1px solid #ddd;
     213}
     214
    205215#customize-theme-controls > ul {
    206216        margin: 0;
    207217}
     
    329339        background: #fff;
    330340        border: none;
    331341        border-right: 1px solid #ddd;
     342        border-left: 4px solid #fff;
    332343        -webkit-box-shadow: none;
    333344        box-shadow: none;
    334345        cursor: pointer;
     
    361372#customize-controls .panel-meta.customize-info .accordion-section-title:hover {
    362373        background: #fff;
    363374        color: #555;
     375        border-left: none;
    364376}
    365377
    366378.customize-controls-close:focus,
     
    381393.customize-section-back:focus {
    382394        color: #23282d;
    383395        background: #f5f5f5;
     396        border-left: 4px solid #0073aa;
    384397        outline: none;
    385398        -webkit-box-shadow: none;
    386399        box-shadow: none;
     
    399412        font: normal 20px/72px dashicons;
    400413        content: "\f341";
    401414        position: relative;
    402         left: 13px;
     415        left: 9px;
    403416}
    404417
    405418.wp-full-overlay-sidebar .wp-full-overlay-header {
     
    975988        animation: customize-reload .75s;
    976989}
    977990
    978 .control-section-themes .accordion-section-title {
     991#customize-theme-controls .control-section-themes .accordion-section-title:hover, /* Not a focusable element. */
     992#customize-theme-controls .control-section-themes .accordion-section-title {
    979993        cursor: default;
     994        background: #fff;
     995        color: #555;
     996        border-top: 1px solid #ddd;
     997        border-bottom: 1px solid #ddd;
     998        border-left: none;
     999        margin-top: 0;
    9801000}
    9811001
    982 #customize-theme-controls .control-section-themes .accordion-section-title:hover,
    983 #customize-theme-controls .control-section-themes .accordion-section-title:focus {
    984         color: #555;
    985         background-color: #fff;
     1002#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child:hover, /* Not a focusable element. */
     1003#customize-theme-controls .control-section-themes .customize-themes-panel .accordion-section-title:first-child {
     1004        border-top: 0;
    9861005}
    9871006
    988 .control-section-themes .accordion-section-title {
     1007#customize-theme-controls .control-section-themes > .accordion-section-title:hover, /* Not a focusable element. */
     1008#customize-theme-controls .control-section-themes > .accordion-section-title {
    9891009        margin: 15px 0;
    9901010}
    9911011
     
    14421462        padding: 20px 15px 20px 60px;
    14431463        background: #fff;
    14441464        border-bottom: 1px solid #e5e5e5;
     1465        border-left: 4px solid #fff;
    14451466        cursor: pointer;
    14461467        display: none;
    14471468}
  • src/wp-admin/css/customize-nav-menus.css

     
    1 #accordion-section-menu_locations {
     1#customize-theme-controls #accordion-section-menu_locations {
    22        position: relative;
    33        margin-bottom: 15px;
    44}
    55
     6#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
     7        border-bottom-color: #ddd;
     8}
     9
    610.menu-in-location,
    711.menu-in-locations {
    812        display: block;
     
    754758
    755759/* Add/delete Menus */
    756760
     761#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
     762        border-bottom-color: #ddd;
     763}
     764
    757765/* @todo update selector */
    758766#accordion-section-add_menu {
    759767        margin: 15px 12px;
     768        overflow: hidden;
    760769}
    761770
    762771.new-menu-section-content {
  • src/wp-admin/css/customize-widgets.css

     
    229229
    230230#available-widgets .widget-tpl:hover,
    231231#available-widgets .widget-tpl.selected {
    232         background: #eee;
     232        background: #f5f5f5;
    233233        border-bottom-color: #ccc;
     234        border-left: 4px solid #0073aa;
    234235}
    235236
    236237#customize-controls .widget-title h3 {
  • src/wp-admin/css/themes.css

     
    14851485        position: fixed;
    14861486        bottom: 0;
    14871487        left: 0;
    1488         width: 300px;
     1488        width: 299px;
    14891489        height: 45px;
    14901490        border-top: 1px solid #ddd;
    14911491        background: #eee;