assets/dropsdown: remove unrequired overwrites

liqd · Sep 27, 2022 · 045fea9 · 045fea9
1 parent 7dcd756
commit 045fea9
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 43 deletions.
diff --git a/meinberlin/assets/scss/_form.scss b/meinberlin/assets/scss/_form.scss
@@ -1,5 +1,5 @@
 %input-base {
-    margin: 0 0 $spacer;
+    // margin: 0 0 $spacer;
     border: 1px solid $input-border-color;
     padding: 0.4em 0.6em;
     line-height: 1.6;

diff --git a/meinberlin/assets/scss/components/_dropdown.scss b/meinberlin/assets/scss/components/_dropdown.scss
@@ -4,26 +4,9 @@
     margin-bottom: $em-spacer * 0.5;
 }
 
-.dropdown--right {
-    text-align: right;
-}
-
 .dropdown-toggle {
-    display: inline-block;
-    min-width: 1.4em;
-    text-align: center;
-
-    // the current dropdown-toggle should be above the dropdown-menu shadow
-    .dropdown.show & {
-        position: relative;
-        z-index: 3;
-    }
-
     i {
         font-size: 1.25em;
-    }
-
-    .fa-ellipsis-h {
         vertical-align: middle;
     }
 
@@ -33,29 +16,15 @@
 }
 
 .dropdown-menu {
-    display: none;
-
-    position: absolute;
-    left: 0;
     min-width: 100%;
-    width: max-content;
-    max-width: none;
     padding: 0;
-    margin: 0;
-    z-index: 2;
-    background-color: $body-bg;
-    color: $text-color;
     border: 1px solid $text-color;
     border-radius: 2px;
-    text-align: left;
-    box-shadow: 0 0 1em $shadow;
-
-    li {
-        display: block;
-    }
+    box-shadow: $spacer $spacer 40px $shadow, -$spacer $spacer 40px $shadow;
 
     a,
     button {
+        // FIXME: can be removed once filter and sort has dropdown-item added to the links
         display: block;
         width: 100%;
         padding: 0.5em;
@@ -64,13 +33,14 @@
         white-space: nowrap;
         text-decoration: none;
 
-        &:hover,
-        &:focus {
-            text-decoration: none;
-            background-color: $bg-secondary;
+        &:hover {
             color: $primary;
         }
 
+        &:focus {
+            color: $text-color-inverted;
+        }
+
         i {
             display: inline-block;
             width: 1.5em;
@@ -82,11 +52,6 @@
         border-bottom: 0;
     }
 
-    .dropdown--right & {
-        left: auto;
-        right: 0;
-    }
-
     .dropdown.show & {
         display: block;
     }

diff --git a/meinberlin/assets/scss/components/_select2.scss b/meinberlin/assets/scss/components/_select2.scss
@@ -3,6 +3,8 @@
 @use "~select2/src/scss/core";
 
 .select2-container--default {
+    max-width: 100%;
+
     .select2-selection--single {
         height: 40px;
         border-color: core.$border-color;