From 53f4da1d3006389f68534041f6f3116691433bc2 Mon Sep 17 00:00:00 2001
From: wmwragg <wm.wragg@gmail.com>
Date: Wed, 27 Jul 2016 16:09:26 +0100
Subject: [PATCH] Refactor so that chevron and menu can be positioned
 independantly

---
 .../structures/ContextualMenu.css             | 21 +++++++++++++++----
 .../context_menus/MessageContextMenu.css      |  1 +
 .../NotificationStateContextMenu.css          |  1 +
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/skins/vector/css/matrix-react-sdk/structures/ContextualMenu.css b/src/skins/vector/css/matrix-react-sdk/structures/ContextualMenu.css
index 1d4f51ea..f626cddd 100644
--- a/src/skins/vector/css/matrix-react-sdk/structures/ContextualMenu.css
+++ b/src/skins/vector/css/matrix-react-sdk/structures/ContextualMenu.css
@@ -14,6 +14,11 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+.mx_ContextualMenu_wrapper {
+    position: fixed;
+    z-index: 2000;
+}
+
 .mx_ContextualMenu_background {
     position: fixed;
     top: 0;
@@ -29,16 +34,19 @@ limitations under the License.
     border-radius: 4px;
     background-color: #f6f6f6;
     color: #4a4a4a;
-    position: fixed;
-    z-index: 2001;
+    position: absolute;
     padding: 6px;
 	font-size: 14px;
 }
 
+.mx_ContextualMenu.mx_ContextualMenu_right {
+    right: 8px;
+}
+
 .mx_ContextualMenu_chevron_right {
     position: absolute;
     right: -8px;
-    top: 10px;
+    top: 0px;
     width: 0;
     height: 0;
     border-top: 8px solid transparent;
@@ -58,10 +66,14 @@ limitations under the License.
     right: 1px;
 }
 
+.mx_ContextualMenu.mx_ContextualMenu_left {
+    left: 8px;
+}
+
 .mx_ContextualMenu_chevron_left {
     position: absolute;
     left: -8px;
-    top: 10px;
+    top: 0px;
     width: 0;
     height: 0;
     border-top: 8px solid transparent;
@@ -84,6 +96,7 @@ limitations under the License.
 .mx_ContextualMenu_field {
     padding: 3px 6px 3px 6px;
     cursor: pointer;
+    white-space: nowrap;
 }
 
 .mx_ContextualMenu_spinner {
diff --git a/src/skins/vector/css/vector-web/views/context_menus/MessageContextMenu.css b/src/skins/vector/css/vector-web/views/context_menus/MessageContextMenu.css
index 881b11a6..85e8080c 100644
--- a/src/skins/vector/css/vector-web/views/context_menus/MessageContextMenu.css
+++ b/src/skins/vector/css/vector-web/views/context_menus/MessageContextMenu.css
@@ -17,6 +17,7 @@ limitations under the License.
 .mx_MessageContextMenu_field {
     padding: 3px 6px 3px 6px;
     cursor: pointer;
+    white-space: nowrap;
 }
 
 .mx_MessageContextMenu_field.mx_MessageContextMenu_fieldSet {
diff --git a/src/skins/vector/css/vector-web/views/context_menus/NotificationStateContextMenu.css b/src/skins/vector/css/vector-web/views/context_menus/NotificationStateContextMenu.css
index 009374b7..b8e312b6 100644
--- a/src/skins/vector/css/vector-web/views/context_menus/NotificationStateContextMenu.css
+++ b/src/skins/vector/css/vector-web/views/context_menus/NotificationStateContextMenu.css
@@ -17,6 +17,7 @@ limitations under the License.
 .mx_NotificationStateContextMenu_field {
     padding: 3px 6px 3px 6px;
     cursor: pointer;
+    width: 174px;
 }
 
 .mx_NotificationStateContextMenu_field.mx_NotificationStateContextMenu_fieldSet {