JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-28 04:49:14 +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; border-style: solid;
} }
.moveable-drag-area-button {
cursor: move;
}
.moveable-drag-area-button .moveable-select-parent-arrow-top-icon { .moveable-drag-area-button .moveable-select-parent-arrow-top-icon {
width: 2px; width: 2px;
height: 2px; height: 2px;
} }
.moveable-drag-area-button .moveable-select-parent-arrow-top-icon-top { .moveable-drag-area-button .moveable-select-parent-arrow-top-icon-top {
transform: rotateZ(-45deg); transform: rotateZ(-45deg) translateX(-50%);
left: 8px; left: 50%;
top: 3px; top: 3px;
transform-origin: left;
} }
.moveable-drag-area-button .moveable-select-parent-arrow-top-icon-bottom { .moveable-drag-area-button .moveable-select-parent-arrow-top-icon-bottom {
transform: rotateZ(135deg); transform: rotateZ(135deg) translateX(-50%);
left: 8px; transform-origin: left;
left: 50%;
top: auto; top: auto;
bottom: 3px; bottom: 3px;
} }
.moveable-drag-area-button .moveable-select-parent-arrow-top-icon-right { .moveable-drag-area-button .moveable-select-parent-arrow-top-icon-right {
transform: rotateZ(45deg); transform: rotateZ(45deg) translateY(-50%);
transform-origin: top;
right: 3px; right: 3px;
left: auto; left: auto;
top: 8px; top: 50%;
} }
.moveable-drag-area-button .moveable-select-parent-arrow-top-icon-left { .moveable-drag-area-button .moveable-select-parent-arrow-top-icon-left {
transform: rotateZ(235deg); transform: rotateZ(235deg) translateY(-50%);
transform-origin: top;
left: 3px; left: 3px;
top: 8px; top: 50%;
} }
.moveable-drag-area-button .moveable-select-parent-arrow-body-icon-horizontal { .moveable-drag-area-button .moveable-select-parent-arrow-body-icon-horizontal {
@ -83,7 +91,8 @@
height: 11px; height: 11px;
background-color: #fff; background-color: #fff;
position: absolute; position: absolute;
left: 9px; transform: translateX(-50%);
left: 50%;
top: 4px; top: 4px;
} }
@ -92,7 +101,8 @@
height: 2px; height: 2px;
background-color: #fff; background-color: #fff;
position: absolute; position: absolute;
transform: translateY(-50%);
left: 4px; left: 4px;
top: 9px; top: 50%;;
} }