Update: (Fixes #344) Dropdown re-add dropdown menu positions (not com…

…patible with popper.js positioning)
liferay · Jul 28, 2017 · 235dedb · 235dedb
1 parent a669598
commit 235dedb
Showing 1 changed file with 50 additions and 0 deletions.
diff --git a/src/scss/lexicon-base/_dropdowns.scss b/src/scss/lexicon-base/_dropdowns.scss
@@ -76,6 +76,56 @@
 	}
 }
 
+// Dropdown Positions
+
+.dropdown-menu-left-side {
+	bottom: auto !important;
+	left: auto !important;
+	right: 100% !important;
+	top: 0 !important;
+	transform: none !important;
+}
+
+.dropdown-menu-left-side-bottom {
+	bottom: 0 !important;
+	left: auto !important;
+	right: 100% !important;
+	top: auto !important;
+	transform: none !important;
+}
+
+.dropdown-menu-left-side-middle {
+	bottom: auto !important;
+	left: auto !important;
+	right: 100% !important;
+	top: 50% !important;
+	transform: translate(0 , -50%) !important;
+}
+
+.dropdown-menu-right-side {
+	bottom: auto !important;
+	left: 100% !important;
+	right: auto !important;
+	top: 0 !important;
+	transform: none !important;
+}
+
+.dropdown-menu-right-side-bottom {
+	bottom: 0 !important;
+	left: 100% !important;
+	right: auto !important;
+	top: auto !important;
+	transform: none !important;
+}
+
+.dropdown-menu-right-side-middle {
+	bottom: auto !important;
+	left: 100% !important;
+	right: auto !important;
+	top: 50% !important;
+	transform: translate(0 , -50%) !important;
+}
+
 // Dropdown inline-scroller
 
 .inline-scroller {