JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-06 03:57:56 +08:00
Code Issues Projects Releases Wiki Activity

style(stage): 调整拖动图标

Browse Source
This commit is contained in:
roymondchen 2023-07-27 14:42:33 +08:00
parent ded82aae41
commit d79c9686e5
1 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
packages/stage/src/moveable-able.css
View File

@ -47,35 +47,43 @@
border-style: solid;
}
.moveable-drag-area-button {
cursor: move;
}
.moveable-drag-area-button .moveable-select-parent-arrow-top-icon {
width: 2px;
height: 2px;
}
.moveable-drag-area-button .moveable-select-parent-arrow-top-icon-top {
transform: rotateZ(-45deg);
left: 8px;
transform: rotateZ(-45deg) translateX(-50%);
left: 50%;
top: 3px;
transform-origin: left;
}
.moveable-drag-area-button .moveable-select-parent-arrow-top-icon-bottom {
transform: rotateZ(135deg);
left: 8px;
transform: rotateZ(135deg) translateX(-50%);
transform-origin: left;
left: 50%;
top: auto;
bottom: 3px;
}
.moveable-drag-area-button .moveable-select-parent-arrow-top-icon-right {
transform: rotateZ(45deg);
transform: rotateZ(45deg) translateY(-50%);
transform-origin: top;
right: 3px;
left: auto;
top: 8px;
top: 50%;
}
.moveable-drag-area-button .moveable-select-parent-arrow-top-icon-left {
transform: rotateZ(235deg);
transform: rotateZ(235deg) translateY(-50%);
transform-origin: top;
left: 3px;
top: 8px;
top: 50%;
}
.moveable-drag-area-button .moveable-select-parent-arrow-body-icon-horizontal {
@ -83,7 +91,8 @@
height: 11px;
background-color: #fff;
position: absolute;
left: 9px;
transform: translateX(-50%);
left: 50%;
top: 4px;
}
@ -92,7 +101,8 @@
height: 2px;
background-color: #fff;
position: absolute;
transform: translateY(-50%);
left: 4px;
top: 9px;
top: 50%;;
}