Making WordPress.org

Changeset 11901


Ignore:
Timestamp:
05/31/2022 09:34:24 PM (23 months ago)
Author:
iandunn
Message:

Developer: Use modern clearfix to restore heading anchor image.

Using overflow: auto as a clearfix prevented the .toc-heading a Dashicon from showing up on hover.

This also replaces the various padding-left values with a single value that works across all breakpoints, to ensure that there's enough room for the icon.

See https://github.com/WordPress/wporg-developer/issues/33

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/functions.php

    r11659 r11901  
    348348    wp_enqueue_style( 'open-sans', '//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600' );
    349349    wp_enqueue_style( 'wporg-developer-style', get_stylesheet_uri(), array(), '4' );
    350     wp_enqueue_style( 'wp-dev-sass-compiled', get_template_directory_uri() . '/stylesheets/main.css', array( 'wporg-developer-style' ), '20220217' );
     350    wp_enqueue_style(
     351        'wp-dev-sass-compiled',
     352        get_template_directory_uri() . '/stylesheets/main.css',
     353        array( 'wporg-developer-style' ),
     354        filemtime( __DIR__ . '/stylesheets/main.css' )
     355    );
    351356    wp_enqueue_script( 'wporg-developer-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20181209', true );
    352357    wp_enqueue_script( 'wporg-developer-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20130115', true );
     
    409414    return $new_text;
    410415}
    411 
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

    r11659 r11901  
    2828
    2929    #content, #content-area {
    30         padding: 0 10px;
     30        padding: 0 #{"max( 20px, 2% )"};
    3131
    3232        .toc-heading {
     
    300300    .site-content:after,
    301301    .site-footer:before,
    302     .site-footer:after {
     302    .site-footer:after,
     303    section:after {
    303304        content: '';
    304305        display: table;
     
    309310    .comment-content:after,
    310311    .site-content:after,
    311     .site-footer:after {
     312    .site-footer:after,
     313    section:after {
    312314        clear: both;
    313315    }
     
    506508     */
    507509
    508     section {
    509         overflow: auto;
    510     }
    511 
    512     section.error-404 {
    513         overflow: visible;
    514     }
    515510    .home-landing .section {
    516511        padding: 50px 0 10px;
     
    20912086                border-left: none;
    20922087            }
    2093    
     2088
    20942089            &.menu-item-has-children > .expandable > a {
    20952090                padding-right: 30px;
     
    23582353        width: 100%;
    23592354
    2360         #content,
    2361         #content-area,
    23622355        .inner-wrap {
    23632356            max-width: 100%;
     
    23692362                width: 100%;
    23702363            }
    2371         }
    2372         #content-area {
    2373             padding-left: 2%;
    23742364        }
    23752365
     
    23972387            .sourcefile {
    23982388                float: left;
    2399             }
    2400         }
    2401         #content-area {
    2402             @media (max-width: 43em) {
    2403                 padding-left: 2%;
    24042389            }
    24052390        }
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css

    r11659 r11901  
    330330
    331331.devhub-wrap #content, .devhub-wrap #content-area {
    332   padding: 0 10px;
     332  padding: 0 max( 20px, 2% );
    333333}
    334334
     
    660660.devhub-wrap .site-content:after,
    661661.devhub-wrap .site-footer:before,
    662 .devhub-wrap .site-footer:after {
     662.devhub-wrap .site-footer:after,
     663.devhub-wrap section:after {
    663664  content: '';
    664665  display: table;
     
    669670.devhub-wrap .comment-content:after,
    670671.devhub-wrap .site-content:after,
    671 .devhub-wrap .site-footer:after {
     672.devhub-wrap .site-footer:after,
     673.devhub-wrap section:after {
    672674  clear: both;
    673675}
     
    858860  text-decoration: none;
    859861  color: #606060;
    860 }
    861 
    862 .devhub-wrap section {
    863   overflow: auto;
    864 }
    865 
    866 .devhub-wrap section.error-404 {
    867   overflow: visible;
    868862}
    869863
     
    27802774    width: 100%;
    27812775  }
    2782   .devhub-wrap #content,
    2783   .devhub-wrap #content-area,
    27842776  .devhub-wrap .inner-wrap {
    27852777    max-width: 100%;
     
    27902782    width: 100%;
    27912783  }
    2792   .devhub-wrap #content-area {
    2793     padding-left: 2%;
    2794   }
    27952784  .devhub-wrap.archive .meta, .devhub-wrap.search .meta {
    27962785    font-size: 100%;
     
    28082797  .devhub-wrap.archive .sourcefile, .devhub-wrap.search .sourcefile {
    28092798    float: left;
    2810   }
    2811 }
    2812 
    2813 @media (min-width: 43em) and (max-width: 43em) {
    2814   .devhub-wrap #content-area {
    2815     padding-left: 2%;
    28162799  }
    28172800}
Note: See TracChangeset for help on using the changeset viewer.