Themes: Force a scrollbar on the Themes page to prevent visual shake on hover.

On some browser & window size combinations (near where a scrollbar would appear), hovering over the theme card causes a layout shift. This makes the screen visually "jump" as the scrollbar appears and disappears. By forcing the scrollbar to be visible on this page, hovering doesn't cause the layout shift anymore.

Props wparslan, sabernhardt, costdev, audrasjb.
Fixes #53478.


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


git-svn-id: http://core.svn.wordpress.org/trunk@51777 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
ryelle 2021-11-16 17:18:00 +00:00
parent b9ee5a4b29
commit 4a18ff86c9
5 changed files with 11 additions and 3 deletions

View File

@ -8,6 +8,10 @@
16.1 - Manage Themes 16.1 - Manage Themes
------------------------------------------------------------------------------*/ ------------------------------------------------------------------------------*/
.themes-php {
overflow-y: scroll;
}
body.js .theme-browser.search-loading { body.js .theme-browser.search-loading {
display: none; display: none;
} }

File diff suppressed because one or more lines are too long

View File

@ -7,6 +7,10 @@
16.1 - Manage Themes 16.1 - Manage Themes
------------------------------------------------------------------------------*/ ------------------------------------------------------------------------------*/
.themes-php {
overflow-y: scroll;
}
body.js .theme-browser.search-loading { body.js .theme-browser.search-loading {
display: none; display: none;
} }

File diff suppressed because one or more lines are too long

View File

@ -16,7 +16,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '5.9-alpha-52184'; $wp_version = '5.9-alpha-52185';
/** /**
* 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.