imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update _ResizeHandle.pcss (#10772)

Browse source 
* Nesting: `mx_ResizeHandle`

* Nesting: `> div`

* Run prettier

* Use a custom property

* Remove a redundant declaration: `cursor: row-resize`

The resizer is either vertical or horizontal, and since `cursor: row-resize` is applied by default, it does not need to be repeated here.

* Conform the class names to the naming policy

* Revert "Use a custom property"

This reverts commit 6116939eec7d9e4220b89a638623e5876e143adf.
This commit is contained in:
Suguru Hirahara 2023-05-04 15:19:55 +00:00 • committed by GitHub
parent 0d2af83dbe
commit 3ca957b541
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 26 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

33
res/css/views/elements/_ResizeHandle.pcss
View file

@ -18,25 +18,24 @@ limitations under the License.
cursor: row-resize;
flex: 0 0 auto;
z-index: 100;
}
.mx_ResizeHandle.mx_ResizeHandle_horizontal {
margin: 0 -5px;
padding: 0 5px;
cursor: col-resize;
}
&.mx_ResizeHandle--horizontal {
margin: 0 -5px;
padding: 0 5px;
cursor: col-resize;
.mx_ResizeHandle.mx_ResizeHandle_vertical {
margin: -5px 0;
padding: 5px 0;
cursor: row-resize;
}
> div {
width: 1px;
height: 100%;
}
}
.mx_ResizeHandle.mx_ResizeHandle_horizontal > div {
width: 1px;
height: 100%;
}
&.mx_ResizeHandle--vertical {
margin: -5px 0;
padding: 5px 0;
.mx_ResizeHandle.mx_ResizeHandle_vertical > div {
height: 1px;
> div {
height: 1px;
}
}
}