From 9642bdaef8cf6258b1179410d3e04a3a23693d86 Mon Sep 17 00:00:00 2001
From: Jack Lukic <jacklukic@gmail.com>
Date: Sun, 12 Feb 2017 21:13:17 -0500
Subject: [PATCH] Fixes dropdown arrow on left/right pointing #4896

---
 RELEASE-NOTES.md                      |  1 +
 src/definitions/modules/dropdown.less | 26 ++++++++++++++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md
index 8fe2d7056..a01d38a22 100644
--- a/RELEASE-NOTES.md
+++ b/RELEASE-NOTES.md
@@ -23,6 +23,7 @@
 **Bugs**
 - **Button** - Fixed issue where css specificity caused `icon buttons` to not center correctly #4487
 - **Dropdown** - Fixed bug where clicking `dropdown icon` using remote data would cause nothing to happen #4041
+- **Dropdown** - Fixes issue where `left pointing dropdown` and `right pointing dropdown` appear styled incorrectly when opening `upward` #4896
 - **Dropdown** - Fixed issue where using `fullTextSearch: 'exact'` would still fuzzy search on value **Thanks @ rminnett** #4651 #3424
 - **Dropdown** - Fix bug where `scrolling menu` or `scrolling dropdown` would have excessive right padding by removing scrollbar width from calculation (no longer necessary in modern browsers)
 - **Comments** - `small`, `large` and other comment sizes now default to global size variables.
diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less
index d808436f7..28dc67d24 100755
--- a/src/definitions/modules/dropdown.less
+++ b/src/definitions/modules/dropdown.less
@@ -1347,5 +1347,31 @@ select.ui.dropdown {
   margin: @pointingArrowOffset 0em 0em;
 }
 
+/* Right Pointing Upward */
+.ui.upward.right.pointing.dropdown:not(.top):not(.bottom) > .menu {
+  top: auto;
+  bottom: 0;
+  margin: 0em @pointingArrowDistanceFromEdge 0em 0em;
+}
+.ui.upward.right.pointing.dropdown:not(.top):not(.bottom) > .menu:after {
+  top: auto;
+  bottom: 0;
+  margin: 0em 0em @pointingArrowDistanceFromEdge 0em;
+  box-shadow: @pointingArrowBoxShadow;
+}
+
+
+/* Left Pointing Upward */
+.ui.upward.left.pointing.dropdown:not(.top):not(.bottom) > .menu {
+  top: auto;
+  bottom: 0;
+  margin: 0em 0em 0em @pointingArrowDistanceFromEdge;
+}
+.ui.upward.left.pointing.dropdown:not(.top):not(.bottom) > .menu:after {
+  top: auto;
+  bottom: 0;
+  margin: 0em 0em @pointingArrowDistanceFromEdge 0em;
+  box-shadow: @pointingArrowBoxShadow;
+}
 
 .loadUIOverrides();