From 6ec259a0e71174651bae95d4628138bf6fd68742 Mon Sep 17 00:00:00 2001 From: kj_sh604 Date: Sun, 15 Mar 2026 16:19:35 -0400 Subject: refactor: packages/ --- packages/excalidraw/components/QuickSearch.scss | 48 +++++++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 packages/excalidraw/components/QuickSearch.scss (limited to 'packages/excalidraw/components/QuickSearch.scss') diff --git a/packages/excalidraw/components/QuickSearch.scss b/packages/excalidraw/components/QuickSearch.scss new file mode 100644 index 0000000..face6d1 --- /dev/null +++ b/packages/excalidraw/components/QuickSearch.scss @@ -0,0 +1,48 @@ +.excalidraw { + --list-border-color: var(--color-gray-20); + + .QuickSearch__wrapper { + position: relative; + height: 2.6rem; // added +0.1 due to Safari + border-bottom: 1px solid var(--list-border-color); + + svg { + position: absolute; + top: 47.5%; // 50% is not exactly in the center of the input + transform: translateY(-50%); + left: 0.75rem; + width: 1.25rem; + height: 1.25rem; + color: var(--color-gray-40); + z-index: 1; + } + } + + &.theme--dark { + --list-border-color: var(--color-gray-80); + + .QuickSearch__wrapper { + border-bottom: none; + } + } + + .QuickSearch__input { + position: absolute; + top: 0; + left: 0; + width: 100%; + box-sizing: border-box; + border: 0 !important; + font-size: 0.875rem; + padding-left: 2.5rem !important; + padding-right: 0.75rem !important; + + &::placeholder { + color: var(--color-gray-40); + } + + &:focus { + box-shadow: none !important; + } + } +} -- cgit v1.2.3