15e9fe7186
open bugs: the blur event doesn’t fire. so when clicking into the text after the controls appeared the controls don’t disappear as they should. also when clicking onto another image when the controls of one image are visible first the controls of the active image dissapear and the controls of the current image don’t directly disappear
77 lines
No EOL
1.2 KiB
CSS
77 lines
No EOL
1.2 KiB
CSS
.enableObjectResizingShim {
|
|
box-shadow: 0 0 0 1px black;
|
|
position: relative;
|
|
display: inline-block !important;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.enableObjectResizingShim-handle {
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: -10px;
|
|
left: 0;
|
|
top: 0;
|
|
cursor: nwse-resize;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.enableObjectResizingShim-handle:after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 6px;
|
|
top: 6px;
|
|
width: 8px;
|
|
height: 8px;
|
|
background: white;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.enableObjectResizingShim-handle:hover:after {
|
|
background: black;
|
|
}
|
|
|
|
.enableObjectResizingShim-handle:nth-child(2) {
|
|
left: 100%;
|
|
cursor: nesw-resize;
|
|
}
|
|
|
|
.enableObjectResizingShim-handle:nth-child(3) {
|
|
left: 100%;
|
|
top: 100%;
|
|
}
|
|
|
|
.enableObjectResizingShim-handle:nth-child(4) {
|
|
top: 100%;
|
|
cursor: nesw-resize;
|
|
}
|
|
|
|
.enableObjectResizingShim-clone {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: auto;
|
|
opacity: 0.5;
|
|
border: 1px dashed black;
|
|
}
|
|
|
|
.enableObjectResizingShim-clone--0 {
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.enableObjectResizingShim-clone--1 {
|
|
left: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.enableObjectResizingShim-clone--2 {
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.enableObjectResizingShim-clone--3 {
|
|
top: 0;
|
|
right: 0;
|
|
} |