Making WordPress.org


Ignore:
Timestamp:
12/18/2023 05:38:49 AM (7 months ago)
Author:
dd32
Message:

Plugin Directory: Style the search form on mobile devices.

Props shak33l, bedas, devtanbir, dd32.
Fixes #7365.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/_search-form.scss

    r12872 r13065  
    7575
    7676    .site-header:not(.home) & {
     77        display: block;
    7778        margin: 0;
    7879        padding: 1rem 1rem 1rem 1.5rem;
     
    8990            padding: 5px 10px;
    9091            position: relative;
    91             width: auto;
     92            width: calc(100% - 55px);
    9293
    9394            @media screen and (min-width: $ms-breakpoint) {
     
    104105                width: 10rem;
    105106            }
     107
     108            @media screen and (max-width: $ms-breakpoint) {
     109                & + .button-search {
     110                    padding: 4px 14px 1px 14px;
     111                }
     112            }
     113
    106114        }
    107115    }
Note: See TracChangeset for help on using the changeset viewer.