Revert "Refactoring Forums CSS"

This reverts commit 5eef866664b3eb49cee958f0375f2da0192c9934.

3 files changed, 27 insertions, 23 deletions

diff --git a/resources/assets/stylesheets/scss/forum.scss b/resources/assets/stylesheets/scss/forum.scss
index fc53e9c..2ffb2f9 100644
--- a/resources/assets/stylesheets/scss/forum.scss
+++ b/resources/assets/stylesheets/scss/forum.scss
@@ -107,8 +107,8 @@ $card-max-width: 300px;
 
     .unread-items-badge {
         padding: 1px 4px;
-        background: var(--red);
-        color: var(--white);
+        background: $red;
+        color: $white;
         display: inline-flex;
         align-items: center;
         justify-content: center;
@@ -119,7 +119,7 @@ $card-max-width: 300px;
     .text-highlight {
         &::selection,
         *::selection {
-            background-color: var(--yellow);
+            background-color: $yellow;
             color: var(--color--font-primary);
         }
     }
@@ -482,7 +482,7 @@ $card-max-width: 300px;
         transition: background-color 1s ease;
 
         &.--highlight {
-            background-color: var(--content-color-10);
+            background-color: $content-color-10;
         }
 
         &__body {
@@ -494,7 +494,7 @@ $card-max-width: 300px;
 
         &__unread {
             width: 5px;
-            background-color: var(--red);
+            background-color: $red;
         }
 
         &__content {
@@ -644,13 +644,13 @@ $card-max-width: 300px;
                 transition: 0.3s;
 
                 &.--active {
-                    background-color: var(--base-color-20);
+                    background-color: $base-color-20;
                 }
             }
 
             button:hover {
                 cursor: pointer;
-                background-color: var(--content-color-10);
+                background-color: $content-color-10;
             }
         }
     }
@@ -786,7 +786,7 @@ $card-max-width: 300px;
         display: grid;
         grid-template-columns: repeat(1, minmax(0, 1fr));
 
-        hr:not(.user-avatar hr) {
+        hr {
             width: 100%;
             margin: 0;
         }
@@ -950,7 +950,7 @@ $card-max-width: 300px;
                 transition: background-color 0.2s ease;
 
                 &:hover {
-                    background-color: var(--content-color-10);
+                    background-color: $content-color-10;
                 }
             }
         }
@@ -1040,7 +1040,7 @@ $card-max-width: 300px;
 
             &:hover {
                 cursor: pointer;
-                background-color: var(--content-color-10);
+                background-color: $content-color-10;
             }
         }
     }
@@ -1110,17 +1110,17 @@ $card-max-width: 300px;
 
         .post-reaction {
             padding: 4px 6px;
-            background: var(--color--gray-7);
+            background: $color--gray-7;
             border-radius: 6px;
-            border: thin solid var(--color--gray-5);
+            border: thin solid $color--gray-5;
             display: flex;
             align-items: center;
             gap: 5px;
             cursor: pointer;
 
             &.--active {
-                background-color: var(--base-color-20);
-                border-color: var(--base-color-60);
+                background-color: $base-color-20;
+                border-color: $base-color-60;
             }
         }
     }
@@ -1170,22 +1170,22 @@ $card-max-width: 300px;
                     }
 
                     &.all {
-                        background-color: var(--green-20);
+                        background-color: $green-20;
                         cursor: default;
                     }
 
                     &.replies_only {
-                        background-color: var(--activity-color-20);
+                        background-color: $activity-color-20;
                         cursor: default;
                     }
 
                     &.none {
-                        background-color: var(--dark-gray-color-20);
+                        background-color: $dark-gray-color-20;
                         cursor: default;
                     }
 
                     &.active {
-                        background-color: var(--dark-gray-color-10);
+                        background-color: $dark-gray-color-10;
                         cursor: default;
                     }
                 }
@@ -1284,7 +1284,7 @@ $card-max-width: 300px;
         }
 
         .bg-light-gray {
-            background-color: var(--light-gray-color-40);
+            background-color: $light-gray-color-40;
         }
 
         .line-clamp-1 {
@@ -1414,7 +1414,7 @@ $card-max-width: 300px;
 
         hr {
             margin: 20px 0;
-            border-color: var(--color--gray-5);
+            border-color: $color--gray-5;
         }
 
         .search-controls {
@@ -1451,7 +1451,7 @@ $card-max-width: 300px;
         }
 
         .badge {
-            border-color: var(--color--gray-5);
+            border-color: $color--gray-5;
         }
 
         .toggle-filter-button {
@@ -1476,6 +1476,10 @@ $card-max-width: 300px;
                 align-items: start;
             }
 
+            .vs__dropdown-toggle {
+                max-height: fit-content;
+            }
+
             label {
                 margin: 0;
             }
diff --git a/resources/assets/stylesheets/scss/select.scss b/resources/assets/stylesheets/scss/select.scss
index 05ce8f1..e9c3ddf 100644
--- a/resources/assets/stylesheets/scss/select.scss
+++ b/resources/assets/stylesheets/scss/select.scss
@@ -85,7 +85,7 @@ form.default .studip-v-select .vs__selected {
     }
 
     &__dropdown-toggle {
-        max-height: fit-content !important;
+        max-height: fit-content;
     }
 }
 
diff --git a/resources/vue/components/forum/ForumMembers.vue b/resources/vue/components/forum/ForumMembers.vue
index 06ed488..3258bff 100644
--- a/resources/vue/components/forum/ForumMembers.vue
+++ b/resources/vue/components/forum/ForumMembers.vue
@@ -77,7 +77,7 @@ const isModerator = role => role === 'moderator';
                                             @click="activeUserAvatar = user.id"
                                             :title="$gettext('Aufklappen')"
                                             :aria-label="$gettext('Aufklappen')"
-                                            class="show-avatar button-base">
+                                            class="show-avatar">
                                             <StudipIcon shape="arr_1down" :size="15" aria-hidden="true" />
                                         </button>
                                     </div>