From a7bc99dc5caf6f9260394173b0fd6ac83553573e Mon Sep 17 00:00:00 2001
From: Murtaza Sultani <sultani@data-quest.de>
Date: Wed, 16 Jul 2025 14:35:36 +0200
Subject: Revert "Add dynamic left and right positioning for Dropdown"

This reverts commit ee527b08991b1d3539d47d2cb0d3fde7a5e8c73a.
---
 resources/assets/stylesheets/scss/forum.scss | 12 -----------
 resources/vue/components/Dropdown.vue        | 31 +++++-----------------------
 2 files changed, 5 insertions(+), 38 deletions(-)

diff --git a/resources/assets/stylesheets/scss/forum.scss b/resources/assets/stylesheets/scss/forum.scss
index 5eb0ca7..fad29a0 100644
--- a/resources/assets/stylesheets/scss/forum.scss
+++ b/resources/assets/stylesheets/scss/forum.scss
@@ -1700,18 +1700,6 @@ $card-max-width: 300px;
         .forum-form {
             padding: 5px   ;
         }
-
-        .post-reactions {
-            position: unset;
-            &__container {
-                transform: unset;
-                left: 0;
-            }
-        }
-
-        .post-reactions-container {
-            position: relative;
-        }
     }
 }
 
diff --git a/resources/vue/components/Dropdown.vue b/resources/vue/components/Dropdown.vue
index 02980ee..338e23f 100644
--- a/resources/vue/components/Dropdown.vue
+++ b/resources/vue/components/Dropdown.vue
@@ -1,5 +1,5 @@
 <script setup>
-import {nextTick, ref, useTemplateRef, watch} from "vue";
+import {useTemplateRef} from "vue";
 import useDetectOutsideClick from "../composables/useDetectOutsideClick";
 import StudipIcon from "./StudipIcon.vue";
 
@@ -11,27 +11,12 @@ defineProps({
         type: Boolean,
         default: true
     }
-});
+})
 
 const isOpen = defineModel({ default: false });
-const dropdownStyle = ref({});
-const dropdown = useTemplateRef('dropdown');
-const dropdownContent = useTemplateRef('dropdownContent');
-
-useDetectOutsideClick(dropdown, () => isOpen.value = false);
-
-watch(isOpen, async (open) => {
-    if (open) {
-        await nextTick();
 
-        const trigger = dropdown.value?.getBoundingClientRect();
-        const content = dropdownContent.value?.getBoundingClientRect();
-
-        dropdownStyle.value = {
-            ...(content.width > trigger.left ? {left: '0'} : {right: '0'})
-        };
-    }
-});
+const dropdown = useTemplateRef('dropdown');
+useDetectOutsideClick(dropdown, () => isOpen.value = false)
 </script>
 
 <template>
@@ -46,13 +31,7 @@ watch(isOpen, async (open) => {
         </slot>
 
         <Transition name="fade-down">
-            <div
-                v-if="isOpen"
-                ref="dropdownContent"
-                class="dropdown__content"
-                :style="dropdownStyle"
-                aria-labelledby="dropdown-title"
-            >
+            <div v-if="isOpen" class="dropdown__content" aria-labelledby="dropdown-title">
                 <button
                     v-if="withCloseButton"
                     @click="isOpen = false"
-- 
cgit v1.0