Making WordPress.org


Ignore:
Timestamp:
05/27/2019 08:34:59 AM (5 years ago)
Author:
tellyworth
Message:

Plugin directory theme: revert [8881-8880]

The Support link is handled inconsistently and needs further thought.

See #2776

File:
1 edited

Legend:

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

    r8880 r8882  
    4141    }
    4242
    43     .tab {
    44 
    45         display: flex;
    46         flex-wrap: wrap;
    47         margin: 0;
     43    .tabs {
     44        list-style: none;
     45        margin:0;
    4846        border-bottom: 2px solid #eee;
    4947
    50         button, a {
    51             cursor: pointer;
    52             padding: 8px 22px;
     48        li {
     49            display: inline-block;
     50            margin-bottom: -2px;
     51            border: 2px solid transparent;
    5352            font-size: 0.8rem;
    54             border: 0;
    55             margin: 4px;
    56             background: #fff;
    57         }
     53            color: #0073aa;
     54            transition: background .2s ease;
    5855
    59         button {
    60             color: #0073aa;
     56            a {
     57                border: 0;
     58                display: block;
     59                padding: 0.64rem 1.25rem;
     60                background: white;
     61                text-decoration: none;
    6162
    62             &:hover {
    63                 background-color: #ddd;
     63                &.active, &:hover {
     64                    background: #eee;
     65                }
    6466            }
    6567
    6668            &.active, &:hover {
    67                 border-top: 2px solid #eee;
    68                 border-left: 2px solid #eee;
    69                 border-right: 2px solid #eee;
    70                 background: #fff;
    71                 margin: -2px 2px;
    72                 padding-bottom: 10px;
     69                padding-bottom: 0 !important;
     70                border: 2px solid #eee;
    7371            }
    7472        }
    75     }
    7673
     74        @media screen and (max-width:34em) {
     75            border-top: 2px solid #eee;
    7776
    78     .tabcontent {
    79         display: none;
    80         padding: 6px 12px;
    81         border: 1px solid #ccc;
    82         border-top: none;
     77            li {
     78                display: block;
     79                border: none;
     80                border-bottom: 1px solid #eee;
     81                margin-bottom: 1px;
     82
     83                &.active, &:hover {
     84                    border: none;
     85                    border-bottom: 1px solid #eee;
     86                }
     87            }
     88        }
    8389    }
    8490
     
    94100
    95101        > div {
     102            display:none;
    96103            border: 0;
    97104
     
    119126    }
    120127
     128    span#description,
     129    span#reviews,
     130    span#developers,
     131    span#installation {
     132        position:fixed;
     133    }
     134
     135    span#reviews:not(:target) ~ span#installation:not(:target) ~ span#developers:not(:target) ~ .tabs li#tablink-description ,
     136    span#reviews:target ~ .tabs li#tablink-reviews,
     137    span#installation:target ~ .tabs li#tablink-installation,
     138    span#developers:target ~ .tabs li#tablink-developers  {
     139        border-top: 2px solid #eee;
     140        border-left: 2px solid #eee;
     141        border-right: 2px solid #eee;
     142        border-bottom: 0;
     143        padding-bottom: 2px;
     144        background: #fff;
     145    }
     146
     147    span#reviews:not(:target) ~ span#installation:not(:target) ~ span#developers:not(:target) ~ .entry-content #tab-description,
     148    span#reviews:not(:target) ~ span#installation:not(:target) ~ span#developers:not(:target) ~ .entry-content #screenshots,
     149    span#reviews:not(:target) ~ span#installation:not(:target) ~ span#developers:not(:target) ~ .entry-content #faq,
     150    span#reviews:not(:target) ~ span#installation:not(:target) ~ span#developers:not(:target) ~ .entry-content #blocks,
     151    span#reviews:not(:target) ~ span#installation:not(:target) ~ span#developers:not(:target) ~ .entry-content #tab-developers,
     152    span#reviews:not(:target) ~ span#installation:not(:target) ~ span#developers:not(:target) ~ .entry-content #tab-developers ~ button,
     153    span#reviews:target ~ .entry-content #tab-reviews,
     154    span#installation:target ~ .entry-content #tab-installation,
     155    span#developers:target ~ .entry-content #tab-changelog,
     156    span#developers:target ~ .entry-content #tab-developers,
     157    span#developers:target ~ .entry-content #tab-developers ~ button,
     158    span#developers:target ~ .entry-content #tab-developers .plugin-development {
     159        display:block;
     160    }
     161
     162    span#reviews:not(:target) ~ span#installation:not(:target) ~ span#developers:not(:target) ~ .entry-content #tab-developers .plugin-development,
     163    span#developers:target ~ .entry-content #tab-developers .plugin-contributors {
     164        display:none;
     165    }
     166
     167    span#reviews:not(:target) ~ span#installation:not(:target) ~ span#developers:not(:target) ~ .entry-meta .plugin-contributors,
     168    span#reviews:target ~ .entry-meta .plugin-meta,
     169    span#reviews:target ~ .entry-meta .plugin-support,
     170    span#reviews:target ~ .entry-meta .plugin-donate,
     171    span#reviews:target ~ .entry-meta .plugin-contributors,
     172    span#installation:target ~ .entry-meta .plugin-contributors {
     173        display:none;
     174    }
    121175
    122176    @media screen and ( min-width: $ms-breakpoint ) {
Note: See TracChangeset for help on using the changeset viewer.