add new fixed angular-strip

Narretz · Narretz · commit 437b26f0651d · 2017-02-06T16:36:14.000+01:00
diff --git a/docs/app/assets/css/angular-topnav.css b/docs/app/assets/css/angular-topnav.css
diff --git a/docs/app/assets/css/docs.css b/docs/app/assets/css/docs.css
@@ -302,6 +302,7 @@ iframe.example {
 }
 
 .search-results-container {
+  position: relative;
   padding-bottom: 1em;
   border-top: 1px solid #111;
   background: #181818;
@@ -440,17 +441,17 @@ iframe.example {
   background: #f1f1f1;
 }
 
-.sup-header {
+#navbar-sub {
   padding-top: 10px;
   padding-bottom: 5px;
   background: rgba(245,245,245,0.88);
   box-shadow: 0 0 2px #999;
-  z-index: 1029;
-  top: 56px;
+  z-index: 1028;
+  top: 83px;
 }
 
 .main-body-grid {
-  margin-top: 120px;
+  margin-top: 144px;
   position: relative;
 }
 
@@ -461,7 +462,7 @@ iframe.example {
 
 .main-body-grid > .grid-left {
   position: fixed;
-  top: 120px;
+  top: 144px;
   bottom: 0;
   overflow: auto;
 }
@@ -858,7 +859,7 @@ iframe[name="example-anchoringExample"] {
   line-height: 48px;
 }
 
-.navbar .navbar-inner {
+#navbar-main .navbar-inner, #navbar-notice .navbar-inner {
   box-shadow: none;
 }
 
@@ -876,6 +877,7 @@ iframe[name="example-anchoringExample"] {
     overflow: auto;
     max-height: 85vh;
     padding-bottom: 0;
+    position: static;
   }
 
   .search-close {
@@ -895,9 +897,17 @@ iframe[name="example-anchoringExample"] {
     padding: 0 8px;
   }
 
-  .sup-header {
+  .homepage #navbar-notice {
+    top: 72px;
+  }
+
+  #navbar-notice .navbar-inner {
+    box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 3px 3px rgba(0, 0, 0, .24)
+  }
+
+  #navbar-sub {
     position: relative;
-    top: 0;
+    top: 17px;
     margin-top: 80px;
     padding-bottom: 0;
     margin-bottom: 0;
diff --git a/docs/config/templates/app/indexPage.template.html b/docs/config/templates/app/indexPage.template.html
@@ -71,7 +71,7 @@
 <body class="homepage">
   <div id="wrapper">
     <header class="header" scroll-y-offset-element>
-      <nav class="navbar navbar-fixed-top">
+      <nav id="navbar-main" class="navbar navbar-fixed-top">
         <div class="navbar-inner" ng-controller="DocsSearchCtrl">
           <div class="container">
             <h1 class="brand"><a href="http://angularjs.org"><img width="117" height="30" src="img/angularjs-for-header-only.svg" alt="AngularJS"></a></h1>
@@ -142,7 +142,20 @@ <h4 class="search-results-group-heading">{{ key }}</h4>
           </div>
         </div>
       </nav>
-      <nav class="sup-header navbar navbar-fixed-top">
+      <nav id="navbar-notice" class="navbar navbar-fixed-top">
+        <div class="navbar-inner">
+          <div class="container">
+            <p class="site-notice visible-phone">
+              This site refers to AngularJS (v1.x). <a href="https://angular.io/">Go to the latest Angular</a>.
+            </p>
+            <p class="site-notice visible-desktop">
+              This site and all of its contents are referring to AngularJS (version 1.x),
+              if you are looking for the latest Angular, please visit <a href="https://angular.io/">angular.io</a>.
+            </p>
+          </div>
+        </div>
+      </nav>
+      <nav id="navbar-sub" class="sup-header navbar navbar-fixed-top">
         <div class="container main-grid main-header-grid">
           <div class="grid-left">
             <version-picker></version-picker>
