Update subnav to remove breadcrumb and just keep versions and search (#29368)

diff --git a/site/layouts/partials/docs-subnav.html b/site/layouts/partials/docs-subnav.html
index 61dd5282d16dfd6856326e9a3f949728eb62aa20..31006c061b90008e9860276464dc943e2ce47265 100644 (file)
--- a/site/layouts/partials/docs-subnav.html
+++ b/site/layouts/partials/docs-subnav.html
@@ -1,19 +1,11 @@
 <nav class="bd-subnavbar pt-2 pb-3 pb-md-2">
   <div class="container-xl d-flex align-items-md-center flex-wrap">
     <div class="d-flex align-items-center mr-sm-auto order-2 order-md-0">
-      <div class="d-none d-md-block">
-        <a class="link-dark" href="/" onclick="ga('send', 'event', 'Subnav', 'click', 'Bootstrap');">Bootstrap</a>
-        {{ partial "icons/booticon-chevron-right.svg" (dict "class" "booticon d-inline-block mx-2 flex-shrink-0" "width" "12px" "height" "12px") }}
-      </div>
-
-      <a class="link-dark" href="/docs/{{ .Site.Params.docs_version }}/getting-started/introduction/" onclick="ga('send', 'event', 'Subnav', 'click', 'Documentation');">Documentation</a>
-      {{ partial "icons/booticon-chevron-right.svg" (dict "class" "booticon d-inline-block mx-2 flex-shrink-0" "width" "12px" "height" "12px") }}
-
       {{ partial "docs-versions" . }}
     </div>
 
     <form class="bd-search d-flex align-items-center mb-2 mb-md-0">
-      <input type="search" class="form-control" id="search-input" placeholder="Search..." aria-label="Search for..." autocomplete="off" data-docs-version="{{ .Site.Params.docs_version }}">
+      <input type="search" class="form-control" id="search-input" placeholder="Search docs..." aria-label="Search docs for..." autocomplete="off" data-docs-version="{{ .Site.Params.docs_version }}">
     </form>
 
     <button class="btn btn-link bd-search-docs-toggle d-md-none p-0 ml-3 order-3 ml-auto" type="button" data-toggle="collapse" data-target="#bd-docs-nav" aria-controls="bd-docs-nav" aria-expanded="false" aria-label="Toggle docs navigation">

diff --git a/site/layouts/partials/docs-versions.html b/site/layouts/partials/docs-versions.html
index b8125447ffeb6afbc29a20332861bcf27ddc42f4..a386e9e68444ff42d28333cedf7e53f43e3e2d0a 100644 (file)
--- a/site/layouts/partials/docs-versions.html
+++ b/site/layouts/partials/docs-versions.html
@@ -1,6 +1,6 @@
 <div class="dropdown">
-  <button class="btn btn-link dropdown-toggle p-0 link-dark" id="bd-versions" data-toggle="dropdown" aria-expanded="false">
-    v{{ .Site.Params.docs_version }}
+  <button class="btn btn-bd-light dropdown-toggle" id="bd-versions" data-toggle="dropdown" aria-expanded="false">
+    Bootstrap v{{ .Site.Params.docs_version }}
   </button>
   <div class="dropdown-menu dropdown-menu-md-right" aria-labelledby="bd-versions">
     <a class="dropdown-item active" href="/docs/{{ .Site.Params.docs_version }}/">Latest (5.0.x)</a>

diff --git a/site/layouts/partials/icons/booticon-chevron-right.svg b/site/layouts/partials/icons/booticon-chevron-right.svg
deleted file mode 100644 (file)
index 0c3498b..0000000
--- a/site/layouts/partials/icons/booticon-chevron-right.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg"{{ with .width }} width="{{ . }}"{{ end }}{{ with .height }} height="{{ . }}"{{ end }}{{ with .class }} class="{{ . }}"{{ end }} viewBox="0 0 16 16" role="img"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 14l6-6-6-6"/></svg>

diff --git a/site/static/docs/4.3/assets/scss/_buttons.scss b/site/static/docs/4.3/assets/scss/_buttons.scss
index 25bcbbd4b0f33cd7c12b3a817d15f680f7bcaef9..0ed47855f8c788eef1814953f83e109e341ce375 100644 (file)
--- a/site/static/docs/4.3/assets/scss/_buttons.scss
+++ b/site/static/docs/4.3/assets/scss/_buttons.scss
@@ -35,3 +35,20 @@
     box-shadow: 0 0 0 3px rgba($bd-download, .25);
   }
 }
+
+.btn-bd-light {
+  color: $gray-600;
+  border-color: $gray-300;
+
+  .show > &,
+  &:hover,
+  &:active {
+    color: $bd-purple-bright;
+    background-color: $white;
+    border-color: $bd-purple-bright;
+  }
+
+  &:focus {
+    box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25);
+  }
+}

diff --git a/site/static/docs/4.3/assets/scss/_subnav.scss b/site/static/docs/4.3/assets/scss/_subnav.scss
index e2f6e96f44b99b5fd73e50dae383fa49e4045c20..38cb628ae4622420946f0735d285bb9e9f4f0c82 100644 (file)
--- a/site/static/docs/4.3/assets/scss/_subnav.scss
+++ b/site/static/docs/4.3/assets/scss/_subnav.scss
@@ -3,10 +3,6 @@
   backdrop-filter: blur(1rem);
   box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .15);
 
-  .booticon {
-    opacity: .25;
-  }
-
   .dropdown-menu {
     @include font-size(.875rem);
     box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05);