Skip to content

Commit 4d3b0b9

Browse files
committed
Admin: Fix height of controls in extra_tablenav.
Add CSS & update selectors so that controls added in the `extra_tablenav` region of list tables inherit the compact sizing used by core table nav controls. Reviewed by johnbillion. Props johnbillion, hbhalodia, mukesh27, sabernhardt, abdullah17, r1k0, joedolson, nilambar, shailu25. Fixes #64796. git-svn-id: https://develop.svn.wordpress.org/trunk@62115 602fd350-edb4-49c9-b593-d223f7449a82
1 parent d7b60e0 commit 4d3b0b9

File tree

1 file changed

+22
-4
lines changed

1 file changed

+22
-4
lines changed

src/wp-admin/css/forms.css

Lines changed: 22 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -538,16 +538,34 @@ input[type="number"].tiny-text {
538538
display: none;
539539
}
540540

541-
.tablenav .actions select {
541+
.wp-core-ui .tablenav input[type="text"],
542+
.wp-core-ui .tablenav input[type="password"],
543+
.wp-core-ui .tablenav input[type="date"],
544+
.wp-core-ui .tablenav input[type="datetime"],
545+
.wp-core-ui .tablenav input[type="datetime-local"],
546+
.wp-core-ui .tablenav input[type="email"],
547+
.wp-core-ui .tablenav input[type="month"],
548+
.wp-core-ui .tablenav input[type="number"],
549+
.wp-core-ui .tablenav input[type="search"],
550+
.wp-core-ui .tablenav input[type="tel"],
551+
.wp-core-ui .tablenav input[type="time"],
552+
.wp-core-ui .tablenav input[type="url"],
553+
.wp-core-ui .tablenav input[type="week"],
554+
.wp-core-ui .tablenav select {
555+
padding: 0 12px;
556+
/* inherits font size 14px */
557+
line-height: 2.14285714; /* 30px for 32px height with 14px font */
558+
min-height: 32px;
559+
}
560+
561+
.wp-core-ui .tablenav select {
542562
float: left;
543563
margin-right: 6px;
544564
max-width: 12.5rem;
545-
min-height: 32px;
546-
line-height: 2.14285714; /* 30px for 32px height with 14px font */
547565
padding: 0 24px 0 8px;
548566
}
549567

550-
.tablenav .actions .button {
568+
.wp-core-ui .tablenav .button {
551569
min-height: 32px;
552570
line-height: 2.30769231; /* 30px for 32px height with 13px font */
553571
padding: 0 12px;

0 commit comments

Comments
 (0)