Making WordPress.org

Changeset 11468


Ignore:
Timestamp:
01/25/2022 01:42:55 AM (2 years ago)
Author:
iandunn
Message:

Translate: Fix various style conflicts with global header.

Props vladytimy
See #6037

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/style.css

    r11463 r11468  
     1:root {
     2    /* It doesn't stick on mobile. That may changee soon though, see https://github.com/WordPress/wporg-news-2021/issues/181. */
     3    --global-header-height: 0;
     4}
     5
     6@media screen and (min-width: 890px) {
     7    :root {
     8        --global-header-height: 103px;
     9    }
     10}
     11
    112body, html {
    213    height: 100%;
     
    1122}
    1223
     24.gp-content * {
     25    box-sizing: content-box;
     26}
     27
     28.gp-content table tbody tr:nth-child(2n) {
     29    background-color: unset; /* Override wporg-main. */
     30}
     31
    1332.gp-content textarea {
    1433    max-width: 100%;
     34}
     35
     36.gp-content summary {
     37    display: list-item;
    1538}
    1639
     
    15101533        margin-top: 20px;
    15111534    }
     1535
    15121536    .stats-table table tbody td {
    15131537        padding: 3px 10px;
     
    15371561    color: #32373C;
    15381562    background: white;
     1563}
     1564.stats-table table td, table th {
     1565    text-align: unset; /* Override wporg-main. */
    15391566}
    15401567.stats-table table thead th {
     
    21902217    position: -webkit-sticky;
    21912218    position: sticky;
    2192     top: 0;
     2219    top: calc( var(--global-header-height) + var(--wp-admin--admin-bar--height) + 100px );
    21932220    padding: 20px 0 10px;
    21942221    background: #fff;
    21952222    text-align: left;
    21962223    box-shadow: 0 -1px 0 #72777c, 0 3px 0 #72777c;
    2197 }
    2198 
    2199 @media screen and (min-width: 600px) {
    2200     .consistency-table tr.new-translation th {
    2201         top: 46px;
    2202     }
    2203 }
    2204 
    2205 @media screen and (min-width: 783px) {
    2206     .consistency-table tr.new-translation th {
    2207         top: 32px;
    2208     }
    22092224}
    22102225
     
    23182333
    23192334table.translations th.checkbox {
    2320     width: 1em;
     2335    width: 16px;
    23212336    text-align: center;
     2337}
     2338@media screen and (max-width: 782px) {
     2339    table.translations th.checkbox {
     2340        width: 24px;
     2341    }
    23222342}
    23232343
     
    23592379    font-size: 16px;
    23602380    resize: vertical;
     2381    -webkit-box-shadow: none;
     2382    -moz-box-shadow: none;
     2383    box-shadow: none;
    23612384}
    23622385
Note: See TracChangeset for help on using the changeset viewer.