mirror of
https://github.com/ToolJet/ToolJet
synced 2026-05-24 09:28:31 +00:00
179 lines
No EOL
3.7 KiB
CSS
179 lines
No EOL
3.7 KiB
CSS
.target, .nested-target {
|
|
position: absolute;
|
|
/* width: 100px;
|
|
height: 100px; */
|
|
/* top: 150px;
|
|
left: 100px; */
|
|
/* line-height: 100px; */
|
|
/* text-align: center; */
|
|
/* background: #ee8; */
|
|
/* color: #333; */
|
|
/* font-weight: bold; */
|
|
box-sizing: border-box;
|
|
/* transition: transform 0.1s; */
|
|
/* z-index: 3001; */
|
|
}
|
|
|
|
.target.hovered{
|
|
z-index: 2;
|
|
}
|
|
|
|
.moveable-control-box>.moveable-control-box:not(.moveable-control-box-d-block, .moveable-dragging, .selected-component){
|
|
visibility: hidden !important;
|
|
}
|
|
.moveable-control-box>.moveable-control-box:hover, .selected-component{
|
|
visibility: visible !important;
|
|
}
|
|
.moveable-control-box>.moveable-control-box:hover, .moveable-control-box>.moveable-dragging{
|
|
visibility: visible !important;
|
|
}
|
|
.moveable-control-box.modal-moveable{
|
|
z-index: 3001 !important;
|
|
}
|
|
|
|
|
|
.moveable-e.moveable-control{
|
|
/* height: 24px !important;
|
|
top: -5px !important; */
|
|
border-radius: 2px !important;
|
|
border: 1px solid #3E63DD !important;
|
|
background: #fff !important;
|
|
width: 6px !important;
|
|
left: 4px !important;
|
|
}
|
|
|
|
.moveable-w.moveable-control{
|
|
/* height: 24px !important;
|
|
top: -5px !important; */
|
|
border-radius: 2px !important;
|
|
border: 1px solid #3E63DD !important;
|
|
background: #fff !important;
|
|
width: 6px !important;
|
|
left: 4px !important;
|
|
}
|
|
|
|
.moveable-n.moveable-control{
|
|
/* height: 24px !important; */
|
|
top: 4px !important;
|
|
border-radius: 2px !important;
|
|
border: 1px solid #3E63DD !important;
|
|
background: #fff !important;
|
|
height: 6px !important;
|
|
/* left: 3px !important; */
|
|
}
|
|
|
|
.moveable-s.moveable-control{
|
|
/* height: 24px !important; */
|
|
top: 4px !important;
|
|
border-radius: 2px !important;
|
|
border: 1px solid #3E63DD !important;
|
|
background: #fff !important;
|
|
height: 6px !important;
|
|
/* left: 3px !important; */
|
|
}
|
|
|
|
.grid-guide-lines {
|
|
background: #8DA4EF !important;
|
|
}
|
|
|
|
|
|
|
|
/* Hides all the control lines*/
|
|
/* .moveable-line {
|
|
color: transparent !important;
|
|
--moveable-color: transparent !important;
|
|
}
|
|
|
|
.moveable-control {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.target {
|
|
outline: 1px solid #4af;
|
|
} */
|
|
|
|
.active-target, .resizing-target {
|
|
outline: 1px solid #4af;
|
|
/* z-index: 1000000 !important; */
|
|
}
|
|
|
|
.main-editor-canvas .hovered-target {
|
|
outline: 1px solid #4af;
|
|
z-index: 4 !important;
|
|
}
|
|
|
|
.moveable-control-box:not([data-able-groupable]) .moveable-control-box:not(:hover) {
|
|
opacity: 0;
|
|
}
|
|
|
|
.dragged-movable-control-box, [data-hovered-control="true"] {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.moveable-line.moveable-e,
|
|
.moveable-line.moveable-w {
|
|
border: 5px solid #fff0;
|
|
}
|
|
|
|
.moveable-line.moveable-n {
|
|
border-bottom: 5px solid #fff0;
|
|
}
|
|
|
|
.moveable-line.moveable-s {
|
|
border-bottom: 5px solid #fff0;
|
|
}
|
|
|
|
.moveable-control[data-rotation="0"], .moveable-control[data-rotation="90"],
|
|
.moveable-around-control[data-rotation="0"], .moveable-around-control[data-rotation="90"] {
|
|
opacity: 0;
|
|
width: 0px !important;
|
|
height: 0px !important;
|
|
}
|
|
|
|
.resizing-target * {
|
|
opacity: 0;
|
|
}
|
|
|
|
|
|
.moveable-control {
|
|
width: 8px !important;
|
|
height: 8px !important;
|
|
border: 1px solid var(--moveable-color) !important;
|
|
background: #fff !important;
|
|
margin-top: -4px !important;
|
|
margin-left: -4px !important;
|
|
}
|
|
|
|
.moveable-around-control{
|
|
height: 10px !important;
|
|
width: 10px !important;
|
|
}
|
|
|
|
.moveable-around-control[data-direction*="nw"] {
|
|
left: -11px;
|
|
top: -11px;
|
|
}
|
|
|
|
.moveable-around-control[data-direction*="ne"] {
|
|
top: -11px;
|
|
}
|
|
|
|
.moveable-around-control[data-direction*="ne"] {
|
|
top: -11px;
|
|
}
|
|
|
|
.moveable-around-control[data-direction*="sw"] {
|
|
left: -11px;
|
|
top: -1px;
|
|
}
|
|
|
|
.moveable-draggable-dragging {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
[data-off-screen="true"] {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* */ |