jake/Lumotia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(tailwind): strip all backticks from ResizeHandles comments — Tailwind v4 JIT parses backtick-wrapped text as CSS declarations

Browse Source 
Follow-up to d1d344b. Tailwind's scanner still saw backtick-quoted
fragments like `decorations: false` and `position: fixed` in the
script comments as CSS property declarations, tripping on the next
JS identifier (getCurrentWindow). Removing all backticks from the
comment block sidesteps the entire scanner path.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jake
2026-04-19 17:13:41 +01:00
parent d1d344b3dd
commit 92ac7eada3
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/components/ResizeHandles.svelte
View File

@@ -1,6 +1,6 @@
<script> <script>
// Invisible resize-handle overlays around each Kon window edge. // Invisible resize-handle overlays around each Kon window edge.
// Needed because Kon runs with `decorations: false`, so the WM // Needed because Kon runs with decorations off, so the WM
// provides no resize affordance on KDE/GNOME Wayland. // provides no resize affordance on KDE/GNOME Wayland.
// //
// Architecture: eight fixed-position divs are the click target for // Architecture: eight fixed-position divs are the click target for
@@ -11,12 +11,12 @@
// the edges, drag wins on the titlebar. // the edges, drag wins on the titlebar.
// //
// Hit zone sizes come from CSS custom properties so every Kon window // Hit zone sizes come from CSS custom properties so every Kon window
// across the app stays identical. See `--kon-resize-edge` and // across the app stays identical. See the kon-resize-edge and
// `--kon-resize-corner` in app.css. // kon-resize-corner custom properties in app.css.
// //
// Placement requirement: instances of this component MUST be mounted // Placement requirement: instances of this component MUST be mounted
// as a sibling of the animated/transformed layout root (not a child), // as a sibling of the animated/transformed layout root (not a child),
// or `position: fixed` becomes relative to that transformed ancestor // or fixed positioning becomes relative to that transformed ancestor
// instead of the viewport. // instead of the viewport.
import { getCurrentWindow } from "@tauri-apps/api/window"; import { getCurrentWindow } from "@tauri-apps/api/window";