Ivan Fontosh
47 lines
666 B
CSS
47 lines
666 B
CSS
.layer {
|
|
position: absolute;
|
|
inset: 0;
|
|
z-index: 9;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.token {
|
|
position: absolute;
|
|
overflow: visible;
|
|
transform: translate(-50%, -50%);
|
|
pointer-events: none;
|
|
touch-action: none;
|
|
}
|
|
|
|
.token > * {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.token > .resizeHandle {
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.editable {
|
|
pointer-events: auto;
|
|
cursor: grab;
|
|
}
|
|
|
|
.editable:active {
|
|
cursor: grabbing;
|
|
}
|
|
|
|
.resizeHandle {
|
|
position: absolute;
|
|
right: -5px;
|
|
bottom: -5px;
|
|
width: 12px;
|
|
height: 12px;
|
|
border-radius: 2px;
|
|
background: #f5c542;
|
|
border: 1px solid #000;
|
|
cursor: nwse-resize;
|
|
touch-action: none;
|
|
pointer-events: auto;
|
|
z-index: 2;
|
|
}
|