Decrease opacity of sidebar headers

input-output-hk · May 6, 2024 · ae50ec4 · ae50ec4
1 parent 44a2d1c
commit ae50ec4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/docs/sidebar.js b/docs/sidebar.js
@@ -9,6 +9,7 @@ module.exports = {
       type: "html",
       value: "<small><b>Tutorials</b></small>",
       defaultStyle: true,
+      className: "sidebar-header",
     },
     {
       type: "link",
@@ -24,6 +25,7 @@ module.exports = {
       type: "html",
       value: "<small><b>Core Concepts</b></small>",
       defaultStyle: true,
+      className: "sidebar-header",
     },
     {
       type: "link",
@@ -36,6 +38,7 @@ module.exports = {
       type: "html",
       value: "<small><b>Documentation</b></small>",
       defaultStyle: true,
+      className: "sidebar-header",
     },
     {
       type: "link",
@@ -84,6 +87,7 @@ module.exports = {
       type: "html",
       value: "<small><b>Reference</b></small>",
       defaultStyle: true,
+      className: "sidebar-header",
     },
     {
       type: "link",

diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
@@ -26,6 +26,11 @@
   background-color: rgba(0, 0, 0, 0.3);
 }
 
+/* Custom sidebar section headers */
+.sidebar-header {
+  opacity: 0.5;
+}
+
 /* Ensure footer is drawn over api reference side bar. */
 .footer {
   z-index: 20;
@@ -91,7 +96,7 @@
   }
 }
 
-svg.architecture{
+svg.architecture {
   width: 100% !important;
   height: 100% !important;
 }