Changeset 58256

Timestamp:

05/30/2024 04:41:07 PM (13 months ago)

Author:

joedolson

Message:

Menus: Add resize: vertical to menu item selector panel.

Make the panels for selecting menu items to add to a panel resizable using the CSS resize property. This minor change makes it easier to select items to add on desktop devices, and has nominal impact on other interfaces.

Props namith.jawahar, NekoJonez, jorbin, joen, joedolson.
Fixes #60763.

Location:

trunk/src/wp-admin/css

Files:

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

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,
@@ -1278 +1286 @@
 .taxonomydiv div.tabs-panel {
     min-height: 42px;
-    max-height: 200px;
+    /* Allow space for content after tab panels in nav menu editor. */
+    max-height: calc( 100% - 75px );
+    height: 100%;
     overflow: auto;
     padding: 0 0.9em;

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

@@ -22 +22 @@
 #nav-menu-meta .accordion-section-content {
     padding: 18px 13px;
+    resize: vertical;
 }
 
@@ -49 +50 @@
     clear: both;
     margin: 10px 0 0;
+    height: 100%;
+    max-height: inherit;
 }