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/Tooltip.scss | 47 +++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 packages/excalidraw/components/Tooltip.scss (limited to 'packages/excalidraw/components/Tooltip.scss') diff --git a/packages/excalidraw/components/Tooltip.scss b/packages/excalidraw/components/Tooltip.scss new file mode 100644 index 0000000..37fc336 --- /dev/null +++ b/packages/excalidraw/components/Tooltip.scss @@ -0,0 +1,47 @@ +@import "../css/variables.module.scss"; + +// container in body where the actual tooltip is appended to +.excalidraw-tooltip { + --ui-font: Assistant, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, + Roboto, Helvetica, Arial, sans-serif; + font-family: var(--ui-font); + position: fixed; + z-index: var(--zIndex-popup); + + padding: 8px; + border-radius: 6px; + box-sizing: border-box; + pointer-events: none; + word-wrap: break-word; + + background: $oc-black; + + line-height: 1.5; + text-align: center; + font-size: 13px; + font-weight: 500; + color: $oc-white; + + display: none; + + &.excalidraw-tooltip--visible { + display: block; + } +} + +// wraps the element we want to apply the tooltip to +.excalidraw-tooltip-wrapper { + display: flex; +} + +.excalidraw-tooltip-icon { + width: 0.9em; + height: 0.9em; + margin-left: 5px; + margin-top: 1px; + display: flex; + + @include isMobile { + display: none; + } +} -- cgit v1.2.3