From cd6b51a1f6474cc915be10e45d495af1f6a659d8 Mon Sep 17 00:00:00 2001
From: Paulo Reis <paulojreis@gmail.com>
Date: Thu, 30 Nov 2017 17:00:42 +0000
Subject: [PATCH] Increase v2 resizer hit area.

---
 services/web/public/stylesheets/app/editor.less | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/services/web/public/stylesheets/app/editor.less b/services/web/public/stylesheets/app/editor.less
index 3f735e4e5f..56c620c16d 100644
--- a/services/web/public/stylesheets/app/editor.less
+++ b/services/web/public/stylesheets/app/editor.less
@@ -284,7 +284,19 @@
 }
 
 .ui-layout-resizer when (@is-overleaf = true) {
-	background-color: @editor-resizer-bg-color;
+	@extra-hit-area: 8px;
+	margin-left: -(@extra-hit-area) !important;
+	margin-right: -(@extra-hit-area - 1px) !important;
+	padding-left: @extra-hit-area !important;
+	padding-right: @extra-hit-area !important;
+	box-sizing: content-box;
+	background-image: linear-gradient(90deg, 
+		transparent,
+		transparent (@extra-hit-area - 1px),
+		@editor-resizer-bg-color (@extra-hit-area - 1px),
+		@editor-resizer-bg-color (@extra-hit-area + 1px),
+		transparent (@extra-hit-area + 1px),
+		transparent);
 
 	// .ui-layout-toggler {
 	// 	color: #999;