Difference between revisions of "Template:Peking/NavBar"

Line 56: Line 56:
 
</head>
 
</head>
  
−
 
−
<!-- The drawer is always open in large screens. The header is always shown,
 
−
  even in small screens. -->
 
  
  
 
<body>
 
<body>
−
 
+
<!-- Uses a header that scrolls with the text, rather than staying
−
<!-- Always shows a header, even in smaller screens. -->
+
  locked at the top -->
−
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
+
<div class="mdl-layout mdl-js-layout">
−
     <header class="mdl-layout__header">
+
     <header class="mdl-layout__header mdl-layout__header--scroll">
 
         <div class="mdl-layout__header-row">
 
         <div class="mdl-layout__header-row">
 
             <!-- Title -->
 
             <!-- Title -->
Line 71: Line 68:
 
             <!-- Add spacer, to align navigation to the right -->
 
             <!-- Add spacer, to align navigation to the right -->
 
             <div class="mdl-layout-spacer"></div>
 
             <div class="mdl-layout-spacer"></div>
−
             <!-- Navigation. We hide it in small screens. -->
+
             <!-- Navigation -->
−
             <nav class="mdl-navigation mdl-layout--large-screen-only">
+
             <nav class="mdl-navigation">
 
                 <a class="mdl-navigation__link" href="">Link</a>
 
                 <a class="mdl-navigation__link" href="">Link</a>
 
                 <a class="mdl-navigation__link" href="">Link</a>
 
                 <a class="mdl-navigation__link" href="">Link</a>
Line 80: Line 77:
 
         </div>
 
         </div>
 
     </header>
 
     </header>
 +
 
</div>
 
</div>
  

Revision as of 17:11, 16 October 2017

Title