From cb119b9ee0a3ce810f0bf48912cab94c7f73b8bf Mon Sep 17 00:00:00 2001
From: slumbering <slumbering.pierrot@gmail.com>
Date: Mon, 14 Jun 2021 10:55:14 +0200
Subject: [PATCH] docs: :bug: more css fixes

Signed-off-by: slumbering <slumbering.pierrot@gmail.com>
---
 website/src/css/custom.scss | 38 +++++++++++++++++++++----------------
 1 file changed, 22 insertions(+), 16 deletions(-)

diff --git a/website/src/css/custom.scss b/website/src/css/custom.scss
index 12ab6211..00ac0474 100644
--- a/website/src/css/custom.scss
+++ b/website/src/css/custom.scss
@@ -175,7 +175,6 @@ html[data-theme="dark"] .table-of-contents__link {
 /* codeBlock */
 div[class^="codeBlockContainer"] {
   border-radius: var(--ifm-code-border-radius);
-  background-color: var(--ifm-color-primary-dark) !important;
   margin-bottom: 2.5rem;
 
   div[class^="codeBlockTitle"] {
@@ -185,6 +184,7 @@ div[class^="codeBlockContainer"] {
 }
 
 div[class^="codeBlockLines"] {
+  background-color: var(--ifm-color-primary-dark) !important;
   margin-bottom: 0;
   .token-line {
     color: var(--ifm-color-primary-light) !important;
@@ -232,21 +232,6 @@ button[class^="copyButton"] {
     color: var(--ifm-color-primary-light);
   }
 
-  &--active.menu__link--sublist {
-    color: var(--ifm-color-primary-dark);
-    &:active,
-    &:focus {
-      background-color: var(--ifm-color-primary-light);
-    }
-    html[data-theme="dark"] & {
-      color: var(--ifm-color-primary-light);
-    }
-    html[data-theme="dark"] &:active,
-    html[data-theme="dark"] &:focus {
-      color: var(--ifm-color-primary-dark);
-    }
-  }
-
   html[data-theme="dark"] & {
     color: var(--ifm-color-primary-light);
   }
@@ -271,6 +256,27 @@ button[class^="copyButton"] {
     background-color: var(--ifm-color-primary-light);
     color: var(--ifm-color-primary-dark);
   }
+
+  &.menu__link--sublist {
+    color: var(--ifm-color-primary-dark);
+    &:active,
+    &:focus {
+      background-color: var(--ifm-color-primary-light);
+    }
+    html[data-theme="dark"] & {
+      color: var(--ifm-color-primary-light);
+    }
+    html[data-theme="dark"] &:active,
+    html[data-theme="dark"] &:focus,
+    html[data-theme="dark"] &:hover {
+      color: var(--ifm-color-primary-dark);
+    }
+    html[data-theme="dark"] &:active:after,
+    html[data-theme="dark"] &:focus:after,
+    html[data-theme="dark"] &:hover:after {
+      filter: none;
+    }
+  }
 }
 
 /* docsearch */