Changeset 52185

Timestamp:

11/16/2021 05:16:07 PM (3 years ago)

Author:

ryelle

Message:

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.

File:

• trunk/src/wp-admin/css/themes.css (modified) (1 diff)

trunk/src/wp-admin/css/themes.css

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