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();