mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-27 11:47:23 +03:00
Code Issues Projects Releases Packages Wiki Activity

use padding and negative margin for all resize handles

Browse source 
this way they only take 1px for layout but have a interaction
target of 11px wide
This commit is contained in:
Bruno Windels 2018-10-31 16:52:36 +01:00
parent 7c2e5ba853
commit 24d9e8e168
2 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
res/css/views/elements/_ResizeHandle.scss
View file

@ -19,14 +19,19 @@ limitations under the License.
flex: 0 0 auto; flex: 0 0 auto;
background: $panel-divider-color; background: $panel-divider-color;
background-clip: content-box; background-clip: content-box;
z-index: 100;
} }
.mx_ResizeHandle.mx_ResizeHandle_horizontal { .mx_ResizeHandle.mx_ResizeHandle_horizontal {
width: 1px; width: 1px;
margin: 0 -5px;
padding: 0 5px;
cursor: col-resize; cursor: col-resize;
} }
.mx_ResizeHandle.mx_ResizeHandle_vertical { .mx_ResizeHandle.mx_ResizeHandle_vertical {
height: 1px; height: 1px;
margin: -5px 0;
padding: 5px 0;
cursor: row-resize; cursor: row-resize;
} }

4
res/css/views/rooms/_RoomList.scss
View file

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