tweak resize handle in room list

only show a 1 px line but with a 9px interaction target
apply darker color from design
This commit is contained in:
Bruno Windels 2018-10-22 11:19:42 +02:00
parent b728acc798
commit d1bab6cc35
3 changed files with 5 additions and 2 deletions

View file

@ -18,7 +18,7 @@ limitations under the License.
cursor: row-resize; cursor: row-resize;
flex: 0 0 auto; flex: 0 0 auto;
background: $panel-divider-color; background: $panel-divider-color;
padding: 1px background-clip: content-box;
} }
.mx_ResizeHandle.mx_ResizeHandle_horizontal { .mx_ResizeHandle.mx_ResizeHandle_horizontal {

View file

@ -62,3 +62,6 @@ limitations under the License.
right: 60px; right: 60px;
} }
.mx_RoomList .mx_ResizeHandle {
padding: 4px 0;
}

View file

@ -127,7 +127,7 @@ $roomsublist-label-fg-color: $roomtile-name-color;
$roomsublist-label-bg-color: $tertiary-accent-color; $roomsublist-label-bg-color: $tertiary-accent-color;
$roomsublist-chevron-color: $accent-color; $roomsublist-chevron-color: $accent-color;
$panel-divider-color: #ebedf8; $panel-divider-color: #dee1f3;
// ******************** // ********************