From d1bab6cc35208fb9c61ff09a761efc16950121ad Mon Sep 17 00:00:00 2001 From: Bruno Windels Date: Mon, 22 Oct 2018 11:19:42 +0200 Subject: [PATCH] tweak resize handle in room list only show a 1 px line but with a 9px interaction target apply darker color from design --- res/css/views/elements/_ResizeHandle.scss | 2 +- res/css/views/rooms/_RoomList.scss | 3 +++ res/themes/dharma/css/_dharma.scss | 2 +- 3 files changed, 5 insertions(+), 2 deletions(-) diff --git a/res/css/views/elements/_ResizeHandle.scss b/res/css/views/elements/_ResizeHandle.scss index e9aa91fe25..153bdfe6ec 100644 --- a/res/css/views/elements/_ResizeHandle.scss +++ b/res/css/views/elements/_ResizeHandle.scss @@ -18,7 +18,7 @@ limitations under the License. cursor: row-resize; flex: 0 0 auto; background: $panel-divider-color; - padding: 1px + background-clip: content-box; } .mx_ResizeHandle.mx_ResizeHandle_horizontal { diff --git a/res/css/views/rooms/_RoomList.scss b/res/css/views/rooms/_RoomList.scss index 3cb5be1952..29f5fcdadf 100644 --- a/res/css/views/rooms/_RoomList.scss +++ b/res/css/views/rooms/_RoomList.scss @@ -62,3 +62,6 @@ limitations under the License. right: 60px; } +.mx_RoomList .mx_ResizeHandle { + padding: 4px 0; +} diff --git a/res/themes/dharma/css/_dharma.scss b/res/themes/dharma/css/_dharma.scss index 617c9bd6b2..f261285f39 100644 --- a/res/themes/dharma/css/_dharma.scss +++ b/res/themes/dharma/css/_dharma.scss @@ -127,7 +127,7 @@ $roomsublist-label-fg-color: $roomtile-name-color; $roomsublist-label-bg-color: $tertiary-accent-color; $roomsublist-chevron-color: $accent-color; -$panel-divider-color: #ebedf8; +$panel-divider-color: #dee1f3; // ********************