Different styling of interactive dropdowns on tablet

diff --git a/wcfsetup/install/files/style/ui/dropdownInteractive.scss b/wcfsetup/install/files/style/ui/dropdownInteractive.scss
index 328511e99d966d6f51670da54b43039ec730e20f..6ab875d1599f41d87c518dbdc2ed7a0c6531d902 100644 (file)
--- a/wcfsetup/install/files/style/ui/dropdownInteractive.scss
+++ b/wcfsetup/install/files/style/ui/dropdownInteractive.scss
@@ -24,6 +24,24 @@
                overflow: visible;
                max-height: none;
        }
+       
+       @include screen-sm-up {
+               display: flex;
+               flex-direction: column;
+               position: fixed;
+               width: 350px;
+               
+               // override JS positioning
+               bottom: 0 !important;
+               left: auto !important;
+               top: 52px !important;
+               right: 0 !important;
+               
+               > .interactiveDropdownItemsContainer {
+                       flex: 1 1 auto;
+                       max-height: none;
+               }
+       }
 }
 
 /* drop down header */