From 3be11e01cf4d1cf227c4fed047114b3b9f970815 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Benqu=C3=A9?= <david.benque@xwiki.com>
Date: Tue, 3 May 2022 10:23:18 +0100
Subject: [PATCH] Style drive splitter

---
 customize.dist/src/less2/include/drive.less | 11 ++++++++++-
 www/common/drive-ui.js                      |  4 +++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/customize.dist/src/less2/include/drive.less b/customize.dist/src/less2/include/drive.less
index 21f81bb1b..705bcce47 100644
--- a/customize.dist/src/less2/include/drive.less
+++ b/customize.dist/src/less2/include/drive.less
@@ -479,7 +479,16 @@
             top: 0;
             left: 0;
             cursor: col-resize;
-            background: red;
+            display: flex;
+            align-items: center;
+            justify-content: flex-end;
+            &:hover {
+                border-left: 1px solid @cryptpad_text_col;
+            }
+            i {
+                color: @cryptpad_text_col;
+                font-size: 1.6rem;
+            }
         }
     }
     #cp-app-drive-content {
diff --git a/www/common/drive-ui.js b/www/common/drive-ui.js
index 8794160d5..6238fae9d 100644
--- a/www/common/drive-ui.js
+++ b/www/common/drive-ui.js
@@ -637,7 +637,9 @@ define([
         var $trashContextMenu = $("#cp-app-drive-context-trash");
 
 
-        var splitter = h('div.cp-splitter');
+        var splitter = h('div.cp-splitter', [
+            h('i.fa.fa-ellipsis-v')
+        ]);
         $contentContainer.append(splitter);
         APP.$splitter = $(splitter).on('mousedown', function (e) {
             e.preventDefault();