Merge issue-56 (Refs #56)
# Conflicts: # craft/src/editor/CanvasOverlays.tsx # craft/src/styles/editor.css
This commit is contained in:
commit
d39e1ecc31
6 files changed
+529
No files matched your search
@@ -2971,3 +2971,44 @@ body {
|
||||
.publish-check-info .publish-check-msg::before { content: '\2139\00a0'; color: #7dd3fc; }
|
||||
.publish-check-fix { flex: none; background: none; border: 1px solid #94a3b8; border-radius: 4px; color: inherit; cursor: pointer; padding: 2px 10px; }
|
||||
.publish-checklist-note { margin: 8px 0 0; color: #94a3b8; font-size: 12px; }
|
||||
|
||||
/* #56 on-canvas padding handles */
|
||||
.spacing-handles {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
pointer-events: none;
|
||||
z-index: 40;
|
||||
}
|
||||
.spacing-handle {
|
||||
position: fixed;
|
||||
pointer-events: auto;
|
||||
background: var(--color-accent);
|
||||
opacity: 0.35;
|
||||
border-radius: 3px;
|
||||
transform: translate(-50%, -50%);
|
||||
transition: opacity 0.12s;
|
||||
}
|
||||
.spacing-handle-top,
|
||||
.spacing-handle-bottom { width: 44px; height: 6px; cursor: ns-resize; }
|
||||
.spacing-handle-left,
|
||||
.spacing-handle-right { width: 6px; height: 44px; cursor: ew-resize; }
|
||||
.spacing-handle:hover,
|
||||
.spacing-handle.is-active { opacity: 0.9; }
|
||||
.spacing-band {
|
||||
position: fixed;
|
||||
background: var(--color-accent);
|
||||
opacity: 0.2;
|
||||
pointer-events: none;
|
||||
}
|
||||
.spacing-readout {
|
||||
position: fixed;
|
||||
transform: translate(-50%, -140%);
|
||||
padding: 1px 6px;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
background: var(--color-accent);
|
||||
border-radius: 3px;
|
||||
pointer-events: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
Reference in new issue
Block a user