Automerge backed Markdown editor for the Atmosphere
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566/* src/layout/ResizeHandle.css */
.resize-handle { width: 0; cursor: col-resize; position: relative; flex-shrink: 0; touch-action: none; user-select: none; /* Above the formatting toolbar (z-index: 100) so the bottom 37px of * the handle remains grabbable when the desktop toolbar is shown. #213 */ z-index: 101;}
.resize-handle:focus-visible { outline: none;}
/* The hit area straddles the panel boundary without reserving a visible gutter. */.resize-handle::before { content: ''; position: absolute; top: 0; bottom: 0; left: -7px; width: 14px;}
.resize-handle::after { content: ''; position: absolute; top: 0; bottom: 0; left: -1px; width: 2px; background: var(--accent); opacity: 0; pointer-events: none;}
.resize-handle-grip { position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 14px; height: 24px; color: var(--accent-foreground); background: var(--accent); border-radius: 1px; opacity: 0; pointer-events: none;}
.resize-handle:hover::after,.resize-handle:focus-visible::after,.resize-handle[data-resizing="true"]::after,.resize-handle:hover .resize-handle-grip,.resize-handle:focus-visible .resize-handle-grip,.resize-handle[data-resizing="true"] .resize-handle-grip { opacity: 1;}