WordPress.org

Make WordPress Core

Ticket #24184: 24184.1.diff

File 24184.1.diff, 4.2 KB (added by lancewillett, 5 years ago)
  • wp-content/themes/twentythirteen/style.css

     
    965965        width: 230px;
    966966}
    967967
    968 /* Fixed Navbar */
    969 .navbar-fixed {
    970         margin-top: 45px;
    971 }
    972968
    973 .wp-toolbar.navbar-fixed {
    974         margin-top: 73px !important;
    975 }
    976 
    977 .navbar-fixed .site-title {
    978         font-size: 22px;
    979         font-weight: bold;
    980         line-height: 2;
    981         max-width: 400px;
    982         overflow: hidden;
    983         padding: 0;
    984         position: fixed;
    985         text-overflow: ellipsis;
    986         top: 0;
    987         white-space: nowrap;
    988         z-index: 3;
    989 }
    990 
    991 .navbar-fixed .site-title {
    992         color: #141412;
    993 }
    994 
    995 .navbar-fixed .navbar {
    996         box-shadow: 0 2px 2px rgba(173, 165, 105, 0.2);
    997         height: 45px;
    998         position: fixed;
    999         top: 0;
    1000         z-index: 2;
    1001 }
    1002 
    1003 .wp-toolbar.navbar-fixed .site-title,
    1004 .wp-toolbar.navbar-fixed .navbar {
    1005         top: 28px;
    1006 }
    1007 
    1008 .navbar-fixed .menu-toggle,
    1009 .navbar-fixed .nav-menu {
    1010         display: none;
    1011 }
    1012 
    1013 
    1014969/**
    1015970 * 5.0 Content
    1016971 * ----------------------------------------------------------------------------
     
    32553210        .widget-area,
    32563211        .main-navigation,
    32573212        .navbar,
    3258         .navbar-fixed .site-title,
    32593213        .more-link {
    32603214                display: none;
    32613215        }
  • wp-content/themes/twentythirteen/js/functions.js

     
    77( function( $ ) {
    88        var html               = $( 'html' ),
    99            body               = $( 'body' ),
    10             navbar             = $( '#navbar' ),
    1110            _window            = $( window ),
    12             toolbarOffset      = body.is( '.admin-bar' ) ? 28 : 0,
    13             navbarOffset       = navbar.offset().top - toolbarOffset,
    14             scrollOffsetMethod = ( typeof window.scrollY === 'undefined' ),
    1511            adjustFooter,
    16             adjustAnchor;
    1712
    1813        /**
    1914         * Adds a top margin to the footer if the sidebar widget area is
     
    2924                        $( '#colophon' ).css( 'margin-top', margin + 'px' );
    3025        };
    3126
    32         /**
    33          * Repositions the window on jump-to-anchor to account for navbar
    34          * height.
    35          */
    36         adjustAnchor = function() {
    37                 if ( window.location.hash )
    38                         window.scrollBy( 0, -49 );
    39         };
    40 
    4127        $( function() {
    42                 adjustAnchor();
    43 
    4428                if ( body.is( '.sidebar' ) )
    4529                        adjustFooter();
    4630        } );
    47         _window.on( 'hashchange.twentythirteen', adjustAnchor );
    4831
    4932        /**
    50          * Displays the fixed navbar based on screen position.
    51          */
    52         if ( _window.innerWidth() > 644 ) {
    53                 _window.on( 'scroll.twentythirteen', function() {
    54                         var scrollOffset = scrollOffsetMethod ? document.documentElement.scrollTop : window.scrollY;
    55 
    56                         if ( scrollOffset > navbarOffset )
    57                                 html.addClass( 'navbar-fixed' );
    58                         else
    59                                 html.removeClass( 'navbar-fixed' );
    60                 } );
    61         }
    62 
    63         /**
    64          * Allows clicking the navbar to scroll to top.
    65          */
    66         navbar.on( 'click.twentythirteen', function( event ) {
    67                 // Ensure that the navbar element was the target of the click.
    68                 if ( 'navbar' == event.target.id  || 'site-navigation' == event.target.id )
    69                         $( 'html, body' ).animate( { scrollTop: 0 }, 'fast' );
    70         } );
    71 
    72         /**
    7333         * Enables menu toggle for small screens.
    7434         */
    7535        ( function() {
  • wp-content/themes/twentythirteen/header.php

     
    88 * @subpackage Twenty_Thirteen
    99 * @since Twenty Thirteen 1.0
    1010 */
    11 
    12 /*
    13  * Add class to allow styling for toolbar.
    14  */
    15 $html_class = ( is_admin_bar_showing() ) ? 'wp-toolbar' : '';
    16 
    1711?><!DOCTYPE html>
    1812<!--[if IE 7]>
    19 <html class="ie ie7 <?php echo $html_class; ?>" <?php language_attributes(); ?>>
     13<html class="ie ie7" <?php language_attributes(); ?>>
    2014<![endif]-->
    2115<!--[if IE 8]>
    22 <html class="ie ie8 <?php echo $html_class; ?>" <?php language_attributes(); ?>>
     16<html class="ie ie8" <?php language_attributes(); ?>>
    2317<![endif]-->
    2418<!--[if !(IE 7) | !(IE 8)  ]><!-->
    25 <html class="<?php echo $html_class; ?>" <?php language_attributes(); ?>>
     19<html <?php language_attributes(); ?>>
    2620<!--<![endif]-->
    2721<head>
    2822        <meta charset="<?php bloginfo( 'charset' ); ?>" />