From 90dddfd86f31bf883b93283642b6eb2074d734fa Mon Sep 17 00:00:00 2001
From: Georg krause <mail@georg-krause.net>
Date: Wed, 26 Apr 2023 14:55:25 +0200
Subject: [PATCH] style: Remove unneeded nesting

---
 front/src/components/audio/PlayButton.vue | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/front/src/components/audio/PlayButton.vue b/front/src/components/audio/PlayButton.vue
index 40dabe64c..7276cab33 100644
--- a/front/src/components/audio/PlayButton.vue
+++ b/front/src/components/audio/PlayButton.vue
@@ -105,17 +105,17 @@ const openMenu = () => {
   // little magic to ensure the menu is always visible in the viewport
   // By default, try to display it on the right if there is enough room
   const menu = dropdown.value.find('.menu')
-  if (!menu.classList.includes('visible')) {
-    const viewportOffset = menu.get(0)?.getBoundingClientRect() ?? { right: 0, left: 0 }
-    const viewportWidth = document.documentElement.clientWidth
-    const rightOverflow = viewportOffset.right - viewportWidth
-    const leftOverflow = -viewportOffset.left
+  if (menu.classList.includes('visible')) return
 
-    if (rightOverflow > 0) {
-      menu.css({ cssText: `left: ${-rightOverflow - 5}px !important;` })
-    } else if (leftOverflow > 0) {
-      menu.css({ cssText: `right: -${leftOverflow + 5}px !important;` })
-    }
+  const viewportOffset = menu.get(0)?.getBoundingClientRect() ?? { right: 0, left: 0 }
+  const viewportWidth = document.documentElement.clientWidth
+  const rightOverflow = viewportOffset.right - viewportWidth
+  const leftOverflow = -viewportOffset.left
+
+  if (rightOverflow > 0) {
+    menu.css({ cssText: `left: ${-rightOverflow - 5}px !important;` })
+  } else if (leftOverflow > 0) {
+    menu.css({ cssText: `right: -${leftOverflow + 5}px !important;` })
   }
 }
 </script>