vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2025-10-16 12:05:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Help/About: Improve Dashboard screen options behavior on small screens.

Browse Source 
This changeset improve Dashboard screen options by stacking them vertically on small screens.

Props dhrumilk, prashantbhivsane, marybaum, dhruvishah2203, ababir, mukesh27, chiragrathod103, oglekler, tb1909, jahidcse, audrasjb.
Fixes #57977.




git-svn-id: https://develop.svn.wordpress.org/trunk@55984 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Jb Audras 2023-06-22 07:52:24 +00:00
parent 2a233f7143
commit 3c365e55dc
2 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/wp-admin/css/common.css
View File

@ -4122,6 +4122,17 @@ img {
}
}
@media screen and (max-width: 480px) {
.metabox-prefs-container {
display: grid;
}
.metabox-prefs-container > * {
display: inline-block;
padding: 2px;
}
}
@media screen and (max-width: 320px) {
/* Prevent default center alignment and larger font for the Right Now widget when
the network dashboard is viewed on a small mobile device. */

2
src/wp-admin/includes/class-wp-screen.php
View File

@ -1118,6 +1118,7 @@ final class WP_Screen {
<?php _e( 'Some screen elements can be shown or hidden by using the checkboxes.' ); ?>
<?php _e( 'Expand or collapse the elements by clicking on their headings, and arrange them by dragging their headings or by clicking on the up and down arrows.' ); ?>
</p>
<div class="metabox-prefs-container">
<?php
meta_box_prefs( $this );
@ -1137,6 +1138,7 @@ final class WP_Screen {
echo _x( 'Welcome', 'Welcome panel' ) . "</label>\n";
}
?>
</div>
</fieldset>
<?php
}