diff options
Diffstat (limited to 'packages/excalidraw/components/Stats/DragInput.scss')
| -rw-r--r-- | packages/excalidraw/components/Stats/DragInput.scss | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/packages/excalidraw/components/Stats/DragInput.scss b/packages/excalidraw/components/Stats/DragInput.scss new file mode 100644 index 0000000..76b9d14 --- /dev/null +++ b/packages/excalidraw/components/Stats/DragInput.scss @@ -0,0 +1,76 @@ +.excalidraw { + .drag-input-container { + display: flex; + width: 100%; + + &:focus-within { + box-shadow: 0 0 0 1px var(--color-primary-darkest); + border-radius: var(--border-radius-md); + } + } + + .disabled { + opacity: 0.5; + pointer-events: none; + } + + .drag-input-label { + flex-shrink: 0; + border: 1px solid var(--default-border-color); + border-right: 0; + padding: 0 0.5rem 0 0.75rem; + min-width: 1rem; + height: 2rem; + box-sizing: border-box; + color: var(--popup-text-color); + + :root[dir="ltr"] & { + border-radius: var(--border-radius-md) 0 0 var(--border-radius-md); + } + + :root[dir="rtl"] & { + border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0; + border-right: 1px solid var(--default-border-color); + border-left: 0; + } + + display: flex; + align-items: center; + justify-content: center; + position: relative; + } + + .drag-input { + box-sizing: border-box; + width: 100%; + margin: 0; + font-size: 0.875rem; + font-family: inherit; + background-color: transparent; + color: var(--text-primary-color); + border: 0; + outline: none; + height: 2rem; + border: 1px solid var(--default-border-color); + border-left: 0; + letter-spacing: 0.4px; + + :root[dir="ltr"] & { + border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0; + } + + :root[dir="rtl"] & { + border-radius: var(--border-radius-md) 0 0 var(--border-radius-md); + border-left: 1px solid var(--default-border-color); + border-right: 0; + } + + padding: 0.5rem; + padding-left: 0.25rem; + appearance: none; + + &:focus-visible { + box-shadow: none; + } + } +} |
