diff -r 490d5cc509ed -r cf61fcea0001 wp/wp-admin/css/nav-menus-rtl.css --- a/wp/wp-admin/css/nav-menus-rtl.css Tue Jun 09 11:14:17 2015 +0000 +++ b/wp/wp-admin/css/nav-menus-rtl.css Mon Oct 14 17:39:30 2019 +0200 @@ -6,7 +6,7 @@ } ul.add-menu-item-tabs li { - padding: 3px 8px 3px 5px; + padding: 3px 8px 4px 5px; } .accordion-section ul.category-tabs, @@ -27,6 +27,10 @@ margin-bottom: 0; } +.has-no-menu-item .button-controls { + display: none; +} + #nav-menus-frame { margin-right: 300px; margin-top: 23px; @@ -61,10 +65,6 @@ position: relative; } -.blank-slate .menu-name { - height: 2em; -} - .blank-slate .menu-settings { border: none; margin-top: 0; @@ -73,9 +73,9 @@ } .is-submenu { - color: #999; + color: #555d66; /* #fafafa background */ font-style: italic; - font-weight: normal; + font-weight: 400; margin-right: 4px; } @@ -86,19 +86,18 @@ background: #fbfbfb; } -.manage-menus select { - float: right; - margin-left: 6px; +.manage-menus .selected-menu, +.manage-menus select, +.manage-menus .submit-btn, +.nav-menus-php .add-new-menu-action { + display: inline-block; + margin-left: 3px; + vertical-align: middle; } -.manage-menus .selected-menu { - float: right; - margin: 5px 0 0 6px; -} - -.manage-menus .submit-btn { - float: right; - margin-top: 1px; +.manage-menus select, +.menu-location-menus select { + max-width: 100%; } .menu-edit #post-body-content h3 { @@ -110,24 +109,28 @@ margin-top: 2em; } -.menu-settings dl { +.menu-settings-group { margin: 0 0 10px; overflow: hidden; - padding-right: 18%; + padding-right: 20%; } -.menu-settings dd { +.menu-settings-group:last-of-type { + margin-bottom: 0; +} + +.menu-settings-input { float: right; margin: 0; width: 100%; } -.menu-settings dt { +.menu-settings-group-name { float: right; clear: both; - width: 21.951%; + width: 25%; padding: 3px 0 0; - margin-right: -21.951%; + margin-right: -25%; /* 20 container left padding x ( 100 container % width / 80 this % width ) */ } .menu-settings label { @@ -139,17 +142,20 @@ } .theme-location-set { - color: #999; + color: #72777c; font-size: 11px; } /* Menu Container */ + +/* @todo: responsive view. */ #menu-management-liquid { float: right; min-width: 100%; margin-top: 3px; } +/* @todo: responsive view. */ #menu-management { position: relative; margin-left: 20px; @@ -165,7 +171,7 @@ .nav-menus-php #post-body { padding: 0 10px 10px; border-top: 1px solid #fff; - border-bottom: 1px solid #dfdfdf; + border-bottom: 1px solid #ddd; background: #fff; } @@ -175,12 +181,15 @@ } #nav-menu-header { - border-bottom: 1px solid #dfdfdf; + border-bottom: 1px solid #ddd; margin-bottom: 0; } #nav-menu-header .menu-name-label { - margin-top: 4px; + display: inline-block; + vertical-align: middle; + margin-left: 7px; + font-style: italic; } .nav-menus-php #post-body div.updated, @@ -212,16 +221,12 @@ margin-top: -2px; } -.widefat .menu-locations tr + tr td { - padding-top: 0; -} - -.widefat .menu-locations td { - vertical-align: middle; +.widefat .menu-locations .menu-location-title { + padding: 13px 10px 0; } .menu-location-title label { - font-weight: bold; + font-weight: 600; } .menu-location-menus select { @@ -253,27 +258,13 @@ border-left: 1px solid #ccc; } -#wpbody .open-label { - display: block; - float:right; -} - -#wpbody .open-label span { - padding-left: 10px; -} - -.js .input-with-default-title { - color: #a0a5aa; - font-style: italic; -} - #menu-management .inside { padding: 0 10px; } /* Add Menu Item Boxes */ .postbox .howto input, -.accordion-container .howto input { +.customlinkdiv .menu-item-textbox { width: 180px; float: left; } @@ -282,10 +273,6 @@ margin: 0; } -.customlinkdiv .howto input { - width: 180px; -} - .customlinkdiv p { margin-top: 0 } @@ -308,25 +295,6 @@ padding: 0; } -.nav-menus-php .add-new-menu-action { - float: right; - margin: 6px 6px 0 0; - line-height: 15px; -} - -.nav-menus-php .meta-sep, -.nav-menus-php .submitdelete, -.nav-menus-php .submitcancel { - display: block; - float: right; - margin: 6px 0; - line-height: 15px; -} - -.meta-sep { - padding: 0 2px; -} - /* @todo: is this actually used? */ #cancel-save { text-decoration: underline; @@ -366,6 +334,7 @@ /* Create Menu */ #menu-name { width: 270px; + vertical-align: middle; } #manage-menu .inside { @@ -392,10 +361,10 @@ width: 180px; } +.customlinkdiv label, .nav-menus-php .howto span { + float: right; margin-top: 6px; - display: block; - float: right; } /* Menu item types */ @@ -405,7 +374,7 @@ .quick-search-wrap .spinner { float: none; - margin: 0 5px; + margin: -3px 0 0 -10px; } .nav-menus-php .list-wrap { @@ -471,7 +440,7 @@ } .menu-item-bar .menu-item-handle { - border: 1px solid #dfdfdf; + border: 1px solid #ddd; position: relative; padding: 10px 15px; height: auto; @@ -509,19 +478,20 @@ font-weight: 600; line-height: 20px; display: block; + /* @todo: responsive view. */ margin-left: 13em; } .menu-item-handle .menu-item-title.no-title { - color: #999; + color: #72777c; } /* Sortables */ -li.menu-item.ui-sortable-helper dl { +li.menu-item.ui-sortable-helper .menu-item-bar { margin-top: 0; } -li.menu-item.ui-sortable-helper .menu-item-transport dl { +li.menu-item.ui-sortable-helper .menu-item-transport .menu-item-bar { margin-top: 13px; } @@ -531,6 +501,11 @@ margin-top: 13px; } +/* Hide the transport list when it's empty */ +.menu-item .menu-item-transport:empty { + display: none; +} + /* WARNING: The factor of 30px is hardcoded into the nav-menus JavaScript. */ .menu-item-depth-0 { margin-right: 0px; } .menu-item-depth-1 { margin-right: 30px; } @@ -573,11 +548,11 @@ /* Menu item controls */ .item-type { - color: #777; + display: inline-block; + padding: 12px 16px; + color: #666; font-size: 12px; - padding: 12px 10px; line-height: 18px; - display: block; } .item-controls { @@ -606,11 +581,55 @@ display: block; width: 30px; height: 40px; - margin-left: 0 !important; - text-indent: 100%; outline: none; - overflow: hidden; - white-space: nowrap; +} + +.no-js.nav-menus-php .item-edit { + position: static; + float: left; + width: auto; + height: auto; + margin: 12px 0 12px -10px; + padding: 0; + color: #0073aa; + text-decoration: underline; + font-size: 12px; + line-height: 18px; +} + +.no-js.nav-menus-php .item-edit .screen-reader-text { + position: static; + -webkit-clip-path: none; + clip-path: none; + width: auto; + height: auto; + margin: 0; +} + +.nav-menus-php .item-edit:before { + margin-top: 10px; + margin-right: 4px; + width: 20px; + border-radius: 50%; + text-indent: -1px; /* account for the dashicon alignment */ +} + +.no-js.nav-menus-php .item-edit:before { + display: none; +} + +.rtl .nav-menus-php .item-edit:before { + text-indent: 1px; /* account for the dashicon alignment */ +} + +.js.nav-menus-php .item-edit:focus { + box-shadow: none; +} + +.nav-menus-php .item-edit:focus:before { + box-shadow: + 0 0 0 1px #5b9dd9, + 0 0 2px 1px rgba(30, 140, 190, .8); } /* Menu editing */ @@ -626,13 +645,24 @@ z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ border: 1px solid #e5e5e5; border-top: none; - -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); box-shadow: 0 1px 1px rgba(0,0,0,0.04); } -.menu-item-settings .field-move a { +.menu-item-settings .field-move { + margin: 3px 0 5px; + line-height: 1.5; +} + +.field-move-visual-label { + float: right; + margin-left: 4px; + font-style: italic; +} + +.menu-item-settings .field-move .button-link { display: none; margin: 0 2px; + font-style: italic; } .menu-item-edit-active .menu-item-settings { @@ -644,16 +674,25 @@ } .add-menu-item-pagelinks { - margin: .5em auto; + margin: .5em -10px; text-align: center; } +.add-menu-item-pagelinks .page-numbers { + display: inline-block; + min-width: 20px; +} + +.add-menu-item-pagelinks .page-numbers.dots { + min-width: 0; +} + .link-to-original { display: block; - margin: 0 0 10px; + margin: 0 0 15px; padding: 3px 5px 5px; - border: 1px solid #dfdfdf; - color: #777; + border: 1px solid #ddd; + color: #72777c; font-size: 12px; font-style: italic; } @@ -683,6 +722,7 @@ .menu-item-actions { padding-top: 15px; + padding-bottom: 7px; } #cancel-save { @@ -692,35 +732,23 @@ /* Major/minor publishing actions (classes) */ .nav-menus-php .major-publishing-actions { clear: both; - padding: 3px 0 6px; + padding: 10px 0; + line-height: 28px; } .nav-menus-php .major-publishing-actions .publishing-action { text-align: left; float: left; - line-height: 23px; - margin: 4px 0 1px; } .nav-menus-php .blank-slate .menu-settings { display: none; } +/* Same as the Publish Meta Box #delete-action */ .nav-menus-php .delete-action { float: right; - margin-top: 2px; -} - -.nav-menus-php .submitbox .submitcancel { - border-bottom: 1px solid #0073aa; - padding: 1px 2px; - color: #0073aa; - text-decoration: none; -} - -.nav-menus-php .submitbox .submitcancel:hover { - background: #0073aa; - color: #fff; + line-height: 28px; } .nav-menus-php .major-publishing-actions .form-invalid { @@ -728,23 +756,6 @@ margin-right: -4px; } -/* Clearfix */ -#menu-item-name-wrap:after, -#menu-item-url-wrap:after, -#menu-name-label:after, -#menu-settings-column .inside:after, -#nav-menus-frame:after, -.nav-menus-php #post-body-content:after, -.nav-menus-php .button-controls:after, -.nav-menus-php .major-publishing-actions:after, -.nav-menus-php .menu-item-settings:after { - clear: both; - content: "."; - display: block; - height: 0; - visibility: hidden; -} - #nav-menus-frame, .button-controls, #menu-item-url-wrap, @@ -755,8 +766,27 @@ /* =Media Queries -------------------------------------------------------------- */ +@media only screen and (min-width: 769px) and (max-width: 1000px){ + body.menu-max-depth-0 { + min-width: 0 !important; + } + + #menu-management-liquid{ + width: 100%; + } + + .nav-menus-php #post-body-content{ + min-width: 0; + } + + .menu-item-bar .menu-item-handle{ + width: 90%; + } +} + @media screen and ( max-width: 782px ) { - body.nav-menus-php { + body.nav-menus-php, + body.wp-customizer { min-width: 0 !important; } @@ -781,10 +811,6 @@ padding: 13px 15px 14px; } - .nav-menus-php .item-controls .item-type { - margin-top: 2px; - } - .nav-menus-php .customlinkdiv .howto input { width: 65%; } @@ -801,18 +827,17 @@ margin-top: 13px } - .menu-name-label #menu-name { - margin-top: 4px; + #menu-name { + width: 100%; } .nav-menus-php .major-publishing-actions .publishing-action { - margin-top: 6px; + padding-top: 1em; } .nav-menus-php .delete-action { font-size: 14px; - line-height: 50px; - margin-top: 12px; + line-height: 30px; } .menu-item-bar .menu-item-handle, @@ -839,22 +864,33 @@ width: 25px; } - .menu-settings dl { + .menu-settings-group { padding-right: 0; } - .menu-settings dd { - float: none; - width: 100%; - margin-bottom: 15px; - } - - .menu-settings dt { + .menu-settings-group-name { float: none; width: auto; margin-right: 0; margin-bottom: 15px; } + + .menu-settings-input { + float: none; + margin-bottom: 15px; + } + + .menu-edit .checkbox-input { + margin-top: 0; + } + + .manage-menus select { + margin: 0.5em 0; + } + + .widefat .menu-locations .menu-location-title { + padding-top: 16px; + } } @media only screen and (max-width: 768px) {