BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(ui): disable text selection on buttons

Browse Source
This commit is contained in:
Bohdan Triapitsyn
2026-04-30 23:08:59 +03:00
parent 41cc8e556f
commit 123805a112
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/ui/button.tsx
+1 -1
View File
@@ -34,7 +34,7 @@ const TINT_DESTRUCTIVE = [
const buttonVariants = cva(
[
"group relative inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[10px] [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-[50px] typography-ui-label font-medium lowercase tracking-[0.01em] shrink-0",
"group relative inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[10px] [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-[50px] typography-ui-label font-medium lowercase tracking-[0.01em] shrink-0 select-none",
"transition-[background-color,border-color,color,opacity] duration-150 ease-out outline-none",
"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
packages/ui/src/index.css
+7
View File
@@ -26,6 +26,13 @@
@custom-variant dark (&:is(.dark *));
/* Buttons should never look selectable. */
button,
[role="button"] {
user-select: none;
-webkit-user-select: none;
}
:root.oc-theme-switching *,
:root.oc-theme-switching *::before,
:root.oc-theme-switching *::after {