WD-26684 - Fix linting

Author: alvaromateo

static/js/base/global-nav.ts

@@ -12,7 +12,7 @@ import { createNav } from "@canonical/global-nav";
 const DROPDOWN_ANIMATION_DURATION = 333;
 const toggles = [
   ...document.querySelectorAll(
-    ".p-navigation__nav .p-navigation__link[aria-controls]:not(.js-back-button)"
+    ".p-navigation__nav .p-navigation__link[aria-controls]:not(.js-back-button)",
   ),
 ].filter((element) => element.id !== "all-canonical-link");
 
@@ -28,8 +28,10 @@ const toggleAnimationPlaying = (element: Element) => {
 const setAnimationPlaying = () => {
   // get all open toggles to add the animation playing to them
   toggles
-    .filter((toggle: Element): toggle is Element =>
-      toggle.parentElement != null && toggle.parentElement.classList.contains("is-active")
+    .filter(
+      (toggle: Element): toggle is Element =>
+        toggle.parentElement != null &&
+        toggle.parentElement.classList.contains("is-active")
     )
     .forEach((toggle: Element) => {
       toggleAnimationPlaying(toggle.parentElement!);

static/sass/_snapcraft_p-navigation.scss

@@ -66,11 +66,6 @@
         position: relative;
       }
 
-      .js-animation-playing .p-navigation__dropdown--container,
-      .is-active .p-navigation__dropdown--container {
-        display: block;
-      }
-
       .p-navigation__dropdown--container {
         // a bit extra % to be able to show the shadow of the box if present
         clip-path: rect(0 105% 105% 0);
@@ -96,6 +91,11 @@
           }
         }
       }
+
+      .js-animation-playing .p-navigation__dropdown--container,
+      .is-active .p-navigation__dropdown--container {
+        display: block;
+      }
     }
   }
 }