Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2025-01-22 16:21:26 +01:00
Code Issues Projects Releases Wiki Activity

Menus: Better responsive display for accordion items.

Browse Source 
This only applies to the standalone menu screen; fixes for the customizer will be handled separately.

Props audrasjb, garrett-eclipse.
See #49375.

Built from https://develop.svn.wordpress.org/trunk@49346


git-svn-id: http://core.svn.wordpress.org/trunk@49106 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Helen Hou-Sandí 2020-10-27 20:18:06 +00:00
parent a6db16fad0
commit 9241624e6c
5 changed files with 27 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
wp-admin/css/nav-menus-rtl.css
View File

@ -446,7 +446,7 @@ ul.add-menu-item-tabs li {
padding: 10px 15px; padding: 10px 15px;
height: auto; height: auto;
min-height: 20px; min-height: 20px;
width: 382px; max-width: 382px;
line-height: 2.30769230; line-height: 2.30769230;
overflow: hidden; overflow: hidden;
word-wrap: break-word; word-wrap: break-word;
@ -640,8 +640,8 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
.menu-item-settings { .menu-item-settings {
display: block; display: block;
width: 402px; max-width: 392px;
padding: 10px 10px 10px 0; padding: 10px;
position: relative; position: relative;
z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
border: 1px solid #ccd0d4; border: 1px solid #ccd0d4;
@ -711,11 +711,15 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
} }
.description-thin { .description-thin {
width: 190px; width: calc(50% - 5px);
}
.menu-item-settings .description-thin + .description-thin {
margin-left: 0;
} }
.description-wide { .description-wide {
width: 390px; width: 100%;
} }
.menu-item-actions { .menu-item-actions {
@ -760,22 +764,18 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
/* =Media Queries /* =Media Queries
-------------------------------------------------------------- */ -------------------------------------------------------------- */
@media only screen and (min-width: 769px) and (max-width: 1000px){ @media only screen and (min-width: 769px) and (max-width: 1000px) {
body.menu-max-depth-0 { body.menu-max-depth-0 {
min-width: 0 !important; min-width: 0 !important;
} }
#menu-management-liquid{ #menu-management-liquid {
width: 100%; width: 100%;
} }
.nav-menus-php #post-body-content{ .nav-menus-php #post-body-content {
min-width: 0; min-width: 0;
} }
.menu-item-bar .menu-item-handle{
width: 90%;
}
} }
@media screen and (max-width: 782px) { @media screen and (max-width: 782px) {

2
wp-admin/css/nav-menus-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

24
wp-admin/css/nav-menus.css
View File

@ -445,7 +445,7 @@ ul.add-menu-item-tabs li {
padding: 10px 15px; padding: 10px 15px;
height: auto; height: auto;
min-height: 20px; min-height: 20px;
width: 382px; max-width: 382px;
line-height: 2.30769230; line-height: 2.30769230;
overflow: hidden; overflow: hidden;
word-wrap: break-word; word-wrap: break-word;
@ -639,8 +639,8 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
.menu-item-settings { .menu-item-settings {
display: block; display: block;
width: 402px; max-width: 392px;
padding: 10px 0 10px 10px; padding: 10px;
position: relative; position: relative;
z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
border: 1px solid #ccd0d4; border: 1px solid #ccd0d4;
@ -710,11 +710,15 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
} }
.description-thin { .description-thin {
width: 190px; width: calc(50% - 5px);
}
.menu-item-settings .description-thin + .description-thin {
margin-right: 0;
} }
.description-wide { .description-wide {
width: 390px; width: 100%;
} }
.menu-item-actions { .menu-item-actions {
@ -759,22 +763,18 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
/* =Media Queries /* =Media Queries
-------------------------------------------------------------- */ -------------------------------------------------------------- */
@media only screen and (min-width: 769px) and (max-width: 1000px){ @media only screen and (min-width: 769px) and (max-width: 1000px) {
body.menu-max-depth-0 { body.menu-max-depth-0 {
min-width: 0 !important; min-width: 0 !important;
} }
#menu-management-liquid{ #menu-management-liquid {
width: 100%; width: 100%;
} }
.nav-menus-php #post-body-content{ .nav-menus-php #post-body-content {
min-width: 0; min-width: 0;
} }
.menu-item-bar .menu-item-handle{
width: 90%;
}
} }
@media screen and (max-width: 782px) { @media screen and (max-width: 782px) {

2
wp-admin/css/nav-menus.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
wp-includes/version.php
View File

@ -13,7 +13,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '5.6-beta1-49345'; $wp_version = '5.6-beta1-49346';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.