From: Alexander Ebert <ebert@woltlab.com>
Date: Sat, 27 Aug 2016 11:05:03 +0000 (+0200)
Subject: Different styling of interactive dropdowns on tablet
X-Git-Tag: 3.0.0_Beta_1~461
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=66f4b16624c96cd954eb2625f983cf323850b8bc;p=GitHub%2FWoltLab%2FWCF.git

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 328511e99d..6ab875d159 100644
--- 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 */