Fix #1241 (comment) icons

Orange-OpenSource · May 18, 2022 · 0ef6d26 · 0ef6d26
1 parent d611746
commit 0ef6d26
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 5 deletions.
diff --git a/site/assets/scss/_clipboard-js.scss b/site/assets/scss/_clipboard-js.scss
@@ -42,8 +42,8 @@
 
   // Boosted mod
   .bi {
-    width: 1.4em;
-    height: 1.4em;
+    width: 1.8125rem;
+    height: 1.8125rem;
   }
   // End mod
 }

diff --git a/site/assets/scss/_content.scss b/site/assets/scss/_content.scss
@@ -114,8 +114,8 @@
   backface-visibility: hidden;
 
   .bi {
-    width: 1.5em;
-    height: 1.5em;
+    width: .75em; // Boosted mod
+    height: .75em; // Boosted mod
     transition: .2s ease-in-out transform; // stylelint-disable-line property-disallowed-list
   }
 

diff --git a/site/assets/scss/_sidebar.scss b/site/assets/scss/_sidebar.scss
@@ -50,3 +50,13 @@
     font-weight: 600;
   }
 }
+
+// Boosted mod
+.bd-links-heading {
+  transform: translateX(-#{$spacer * .25});
+
+  svg {
+    font-size: 1.5625rem;
+  }
+}
+// End mod
diff --git a/site/layouts/partials/docs-sidebar.html b/site/layouts/partials/docs-sidebar.html
@@ -19,7 +19,7 @@
       <li class="bd-links-group py-2">
         <strong class="bd-links-heading d-flex w-100 align-items-center fw-semibold">
           {{- if $group.icon }}
-            <svg class="bi me-2"{{- if $group.icon_color }} style="color: var(--bs-{{ $group.icon_color }});"{{- end }} aria-hidden="true"><use xlink:href="#{{ $group.icon }}"></use></svg>
+            <svg class="bi me-1"{{- if $group.icon_color }} style="color: var(--bs-{{ $group.icon_color }});"{{- end }} aria-hidden="true"><use xlink:href="#{{ $group.icon }}"></use></svg>
           {{- end }}
           {{ $group.title }}
         </strong>