fix "about" animation toggle on widescreen

As the background animation for this item acts different from mobile mode and widescreen mode, I added extra properties for the widescreen mode, so the animation won't be toggled with the menu (which is always visible on wide, ignoring the "reveal" class that shows or hides it)
HectorVilas · Jan 14, 2023 · aa67b6e · aa67b6e
1 parent 9a431ae
commit aa67b6e
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/style.css b/src/style.css
@@ -768,6 +768,10 @@ input[type="text"], input[type="date"] {
     width: 100%;
   }
 
+  #menu.reveal .fieldset-options .menu-item.about {
+    animation: none;
+    background: none;
+  }
   #menu .fieldset-options .menu-item.about:hover {
     background: url(./media/images/background/github-mark.svg);
     background-size: var(--icon-size);