From e4d2b6f2b76db4a700ccbb66875347d6b9a5c5f1 Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Fri, 14 Dec 2018 17:06:00 +0100
Subject: [PATCH] fix resize handles being too thick on edge (hopefully)

---
 res/css/views/elements/_ResizeHandle.scss     | 17 +++++++++++++----
 src/components/views/elements/ResizeHandle.js |  2 +-
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/res/css/views/elements/_ResizeHandle.scss b/res/css/views/elements/_ResizeHandle.scss
index 8f533a02bc..42ff6e3825 100644
--- a/res/css/views/elements/_ResizeHandle.scss
+++ b/res/css/views/elements/_ResizeHandle.scss
@@ -17,21 +17,30 @@ limitations under the License.
 .mx_ResizeHandle {
     cursor: row-resize;
     flex: 0 0 auto;
-    background: $panel-divider-color;
-    background-clip: content-box;
     z-index: 100;
 }
 
 .mx_ResizeHandle.mx_ResizeHandle_horizontal {
-    width: 1px;
     margin: 0 -5px;
     padding: 0 5px;
     cursor: col-resize;
 }
 
 .mx_ResizeHandle.mx_ResizeHandle_vertical {
-    height: 1px;
     margin: -5px 0;
     padding: 5px 0;
     cursor: row-resize;
 }
+
+.mx_ResizeHandle > div {
+    background: $panel-divider-color;
+}
+
+.mx_ResizeHandle.mx_ResizeHandle_horizontal > div {
+    width: 1px;
+    height: 100%;
+}
+
+.mx_ResizeHandle.mx_ResizeHandle_vertical > div {
+    height: 1px;
+}
diff --git a/src/components/views/elements/ResizeHandle.js b/src/components/views/elements/ResizeHandle.js
index b5487b1fc1..863dfaaa93 100644
--- a/src/components/views/elements/ResizeHandle.js
+++ b/src/components/views/elements/ResizeHandle.js
@@ -14,7 +14,7 @@ const ResizeHandle = (props) => {
         classNames.push('mx_ResizeHandle_reverse');
     }
     return (
-        <div className={classNames.join(' ')} data-id={props.id} />
+        <div className={classNames.join(' ')} data-id={props.id}><div /></div>
     );
 };