9dd42e1a07cba04d52050f47d9a343416d72b8c0

Orange-OpenSource · Mar 7, 2023 · a7e5579 · a7e5579
1 parent f111073
commit a7e5579
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/site/assets/scss/_toc.scss b/site/assets/scss/_toc.scss
@@ -26,7 +26,7 @@
 
     a {
       display: block;
-      padding: .125rem 0 .125rem .625rem;
+      padding: .125rem 0 .125rem .75rem;
       color: inherit;
       text-decoration: none;
       border-left: .125rem solid transparent;
@@ -64,7 +64,7 @@
 .bd-toc-collapse {
   @include media-breakpoint-down(md) {
     nav {
-      padding: 1.25rem;
+      padding: 1.25rem 1.25rem 1.25rem 1rem;
       background-color: var(--bs-tertiary-bg);
       border: 1px solid var(--bs-border-color);
       @include border-radius(var(--bs-border-radius));

diff --git a/site/content/docs/5.3/getting-started/introduction.md b/site/content/docs/5.3/getting-started/introduction.md
@@ -155,7 +155,7 @@ Boosted requires the use of the HTML5 doctype. Without it, you'll see some funky
 </html>
 ```
 
-### Responsive meta tag
+### Viewport meta
 
 Boosted is developed *mobile first*, a strategy in which we optimize code for mobile devices first and then scale up components as necessary using CSS media queries. To ensure proper rendering and touch zooming for all devices, add the responsive viewport meta tag to your `<head>`.
 

diff --git a/site/layouts/_default/docs.html b/site/layouts/_default/docs.html
@@ -32,13 +32,13 @@ <h1 class="bd-title mb-0" id="content">{{ .Title | markdownify }}</h1>
       </div>
 
       {{ if (eq .Page.Params.toc true) }}
-        <div class="bd-toc mt-3 mb-5 my-lg-0 ps-xl-3 mb-lg-5 text-body-secondary">
+        <div class="bd-toc mt-3 mb-5 my-lg-0 mb-lg-5 px-sm-1 text-body-secondary">
           <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>
-          <strong class="d-none d-md-block h6 my-2">On this page</strong>
-          <hr class="d-none d-md-block my-2">
+          <strong class="d-none d-md-block h6 my-2 ms-3">On this page</strong>
+          <hr class="d-none d-md-block my-2 ms-3">
           <div class="collapse bd-toc-collapse" id="tocContents">
             {{ .TableOfContents }}
           </div>
-Original file line number
+Diff line change
@@ Expand Up @@
     </html>
     ```
-    ### Responsive meta tag
+    ### Viewport meta
     Boosted is developed *mobile first*, a strategy in which we optimize code for mobile devices first and then scale up components as necessary using CSS media queries. To ensure proper rendering and touch zooming for all devices, add the responsive viewport meta tag to your `<head>`.
@@ Expand Down @@