Making WordPress.org


Ignore:
Timestamp:
11/22/2022 08:22:48 PM (2 years ago)
Author:
coffee2code
Message:

Plugin Directory: Differentiate the "support" link from other tabs.

Fixes #6589.

File:
1 edited

Legend:

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

    r11924 r12266  
    180180    }
    181181
    182     span#reviews:not(:target) ~ span#installation:not(:target) ~ span#developers:not(:target) ~ span#advanced:not(.displayed) ~ .tabs li#tablink-description,
    183     span#reviews:target ~ .tabs li#tablink-reviews,
    184     span#installation:target ~ .tabs li#tablink-installation,
    185     span#developers:target ~ .tabs li#tablink-developers,
    186     span#advanced.displayed ~ .tabs li#tablink-advanced  {
     182    span#reviews:not(:target) ~ span#installation:not(:target) ~ span#developers:not(:target) ~ span#advanced:not(.displayed) ~ #section-links .tabs li#tablink-description,
     183    span#reviews:target ~ #section-links .tabs li#tablink-reviews,
     184    span#installation:target ~ #section-links .tabs li#tablink-installation,
     185    span#developers:target ~ #section-links .tabs li#tablink-developers,
     186    span#advanced.displayed ~ #section-links .tabs li#tablink-advanced  {
    187187        border-top: 2px solid #eee;
    188188        border-left: 2px solid #eee;
     
    196196                padding-bottom: 2px !important;
    197197            }
     198        }
     199    }
     200
     201
     202    span#section-links {
     203        display: flex;
     204        flex-flow: row wrap;
     205
     206        .tabs {
     207            flex: 1 1 auto;
     208        }
     209
     210        @media screen and (max-width:34em) {
     211            display: block;
     212        }
     213    }
     214
     215    #link-support {
     216        border-bottom: 2px solid #eee;
     217        flex: 0 0 auto;
     218        font-size: 0.9rem;
     219        align-self: flex-end;
     220        height: 2rem;
     221
     222        a::before {
     223            content: '\f125';
     224            display: inline-block;
     225            font-family: dashicons;
     226            margin-right: 0.4em;
     227            vertical-align: top;
     228            font-size: 1.2em;
     229            max-height: 1em;
     230        }
     231
     232        @media screen and (max-width: 737px) {
     233            padding-right: 20px;
     234        }
     235
     236        @media screen and (max-width:34em) {
     237            border-bottom: 0;
     238            display: block;
     239            margin-left: 20px;
     240            margin-top: 1.5rem;
     241            width: 100%;
    198242        }
    199243    }
Note: See TracChangeset for help on using the changeset viewer.