mirror of https://github.com/vector-im/riot-web
use padding and negative margin for all resize handles
this way they only take 1px for layout but have a interaction target of 11px widepull/21833/head
parent
7c2e5ba853
commit
24d9e8e168
|
@ -19,14 +19,19 @@ limitations under the License.
|
|||
flex: 0 0 auto;
|
||||
background: $panel-divider-color;
|
||||
background-clip: content-box;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.mx_ResizeHandle.mx_ResizeHandle_horizontal {
|
||||
width: 1px;
|
||||
margin: 0 -5px;
|
||||
padding: 0 5px;
|
||||
cursor: col-resize;
|
||||
}
|
||||
|
||||
.mx_ResizeHandle.mx_ResizeHandle_vertical {
|
||||
height: 1px;
|
||||
margin: -5px 0;
|
||||
padding: 5px 0;
|
||||
cursor: row-resize;
|
||||
}
|
||||
|
|
|
@ -62,7 +62,3 @@ limitations under the License.
|
|||
position: absolute;
|
||||
right: 60px;
|
||||
}
|
||||
|
||||
.mx_RoomList .mx_ResizeHandle {
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue