Fix #1241 (comment) toc toggle

Orange-OpenSource · May 18, 2022 · 19ac792 · 19ac792
1 parent f11f37a
commit 19ac792
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 20 deletions.
diff --git a/site/assets/scss/_toc.scss b/site/assets/scss/_toc.scss
@@ -46,34 +46,18 @@
   }
 }
 
+// Boosted mod: no breakpoint md+
 .bd-toc-toggle {
   display: flex;
   align-items: center;
+  border-width: 1px;
 
   @include media-breakpoint-down(sm) {
     justify-content: space-between;
     width: 100%;
   }
-
-  @include media-breakpoint-down(md) {
-    border: 1px solid $border-color;
-    @include border-radius(.4rem);
-
-    &:hover,
-    &:focus,
-    &:active,
-    &[aria-expanded="true"] {
-      color: currentcolor; // Boosted mod
-      background-color: var(--bs-gray-100); // Boosted mod
-      border-color: currentcolor; // Boosted mod
-    }
-
-    &:focus,
-    &[aria-expanded="true"] {
-      box-shadow: 0 0 0 3px rgba(var(--bd-violet-rgb), .25);
-    }
-  }
 }
+// End mod
 
 .bd-toc-collapse {
   @include media-breakpoint-down(md) {

diff --git a/site/layouts/_default/docs.html b/site/layouts/_default/docs.html
@@ -30,7 +30,7 @@ <h1 class="bd-title mb-0" id="content">{{ .Title | markdownify }}</h1>
 
       {{ if (eq .Page.Params.toc true) }}
         <div class="bd-toc mt-3 mb-5 my-lg-0 ps-xl-3 mb-lg-5 text-muted">
-          <button class="btn btn-link p-md-0 mb-2 mb-md-0 text-decoration-none bd-toc-toggle d-md-none" type="button" data-bs-toggle="collapse" data-bs-target="#tocContents" aria-expanded="false" aria-controls="tocContents">
+          <button class="btn btn-secondary p-md-0 mb-2 mb-md-0 text-decoration-none bd-toc-toggle d-md-none" type="button" data-bs-toggle="collapse" data-bs-target="#tocContents" aria-expanded="false" aria-controls="tocContents">
             On this page
             <svg class="bi d-md-none ms-2" aria-hidden="true"><use xlink:href="#chevron-expand"></use></svg>
           </button>