Changeset 6437

Timestamp:

01/25/2018 09:54:23 PM (8 years ago)

Author:

obenland

Message:

Trac: Update with latest wporg header changes.

See [6313].

Location:

sites/trunk/trac.wordpress.org/templates

Files:

• wporg-head.html (modified) (2 diffs)
• wporg-header.html (modified) (2 diffs)

sites/trunk/trac.wordpress.org/templates/wporg-head.html

@@ -24 +24 @@
     </style>
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600&amp;subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic' rel='stylesheet' type='text/css' />
-    <link rel="stylesheet" href="https://s.w.org/style/wp4.css?39" />
+    <link rel="stylesheet" href="https://s.w.org/style/wp4.css?70" />
     <!--[if lte IE 8]>
     <style type="text/css">
@@ -31 +31 @@
     <![endif]-->
     <script type="text/javascript">
-    var toggleMenu = function(){
-        var m = document.getElementById('wporg-header-menu'),
-            c = m.className;
-            m.className = c.match( ' active' ) ? c.replace( ' active', '' ) : c + ' active';
-    }
+        var toggleMenu = function() {
+            var menu    = document.getElementById( 'wporg-header-menu' ),
+                toggle  = document.getElementById( 'mobile-menu-button' ),
+                classes = menu.className,
+                toggled = classes.match( ' active' );
+
+            menu.className = toggled ? classes.replace( ' active', '' ) : classes + ' active';
+            toggle.setAttribute( 'aria-expanded', ! toggled );
+        };
     </script>
 

sites/trunk/trac.wordpress.org/templates/wporg-header.html

@@ -6 +6 @@
 <div id="wporg-header">
     <div class="wrapper">
-        <a id="mobile-menu-button" class="" href="#" onclick="toggleMenu();"></a>
+        <button id="mobile-menu-button" onclick="toggleMenu();" aria-expanded="false"><span class="screen-reader-text">Toggle Menu</span></button>
 
         <h1><a href="https://wordpress.org">WordPress.org</a></h1>
@@ -13 +13 @@
             <form action="https://wordpress.org/search/do-search.php" method="get">
                 <label for="global-search" class="screen-reader-text">Search WordPress.org for:</label>
-                <input id="global-search" class="text" name="search" type="text" value="" maxlength="150" placeholder="Search WordPress.org" />
-                <input type="submit" class="button" value="" />
+                <input id="global-search" class="text" name="search" type="text" value="" maxlength="150" placeholder="Search WordPress.org" />
+                <button type="submit" class="button"><span class="screen-reader-text">Submit</span></button>
             </form>
         </div>