Changeset 58747

Timestamp:

07/17/2024 11:35:11 PM (2 years ago)

Author:

joedolson

Message:

Editor: Limit scope of resizable menu container CSS.

The CSS to make menu item containers resizable in the admin menu editor was too broadly scoped, and caused classic editor metaboxes to have unconstrained height. Limit the scope of the CSS changes to only impact menu item containers.

Props neotrope, sabernhardt, joedolson.
Fixes #61662.

Location:

trunk/src/wp-admin/css

Files:

• edit.css (modified) (2 diffs)
• nav-menus.css (modified) (1 diff)

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

@@ -1272 +1272 @@
 }
 
-.categorydiv,
-.customlinkdiv,
-.posttypediv,
-.taxonomydiv {
-        max-height: inherit;
-        height: 100%;
-}
-
 .wp-tab-panel,
 .categorydiv div.tabs-panel,
@@ -1286 +1278 @@
 .taxonomydiv div.tabs-panel {
         min-height: 42px;
-        /* Allow space for content after tab panels in nav menu editor. */
-        max-height: calc( 100% - 75px );
-        height: 100%;
+        max-height: 200px;
         overflow: auto;
         padding: 0 0.9em;

trunk/src/wp-admin/css/nav-menus.css

@@ -52 +52 @@
         height: 100%;
         max-height: inherit;
+}
+
+#menu-settings-column .categorydiv,
+#menu-settings-column .customlinkdiv,
+#menu-settings-column .posttypediv,
+#menu-settings-column .taxonomydiv {
+        max-height: inherit;
+        height: 100%;
+}
+
+#menu-settings-column .wp-tab-panel,
+#menu-settings-column .categorydiv div.tabs-panel,
+#menu-settings-column .customlinkdiv div.tabs-panel,
+#menu-settings-column .posttypediv div.tabs-panel,
+#menu-settings-column .taxonomydiv div.tabs-panel {
+        /* Allow space for content after tab panels in nav menu editor. */
+        max-height: calc( 100% - 75px );
+        height: 100%;
 }