From 94eacffd99baf74a9d4e0c6130521a7a30422b86 Mon Sep 17 00:00:00 2001
From: Gigiaj <gigiaboone@yahoo.com>
Date: Wed, 18 Jun 2025 01:31:29 -0500
Subject: [PATCH] no highlighting on elements that should never be highlighted

---
 src/app/components/sidebar/Sidebar.css.ts | 25 ++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/app/components/sidebar/Sidebar.css.ts b/src/app/components/sidebar/Sidebar.css.ts
index c3686223..59856a98 100644
--- a/src/app/components/sidebar/Sidebar.css.ts
+++ b/src/app/components/sidebar/Sidebar.css.ts
@@ -9,7 +9,9 @@ export const Sidebar = style([
     width: toRem(66),
     backgroundColor: color.Background.Container,
     borderRight: `${config.borderWidth.B300} solid ${color.Background.ContainerLine}`,
-
+    MozUserSelect: 'none',
+    WebkitUserSelect: 'none',
+    userSelect: 'none',
     display: 'flex',
     flexDirection: 'column',
     color: color.Background.OnContainer,
@@ -19,6 +21,9 @@ export const Sidebar = style([
 export const SidebarStack = style([
   DefaultReset,
   {
+    MozUserSelect: 'none',
+    WebkitUserSelect: 'none',
+    userSelect: 'none',
     width: '100%',
     display: 'flex',
     flexDirection: 'column',
@@ -68,6 +73,9 @@ export const SidebarItem = recipe({
   base: [
     DefaultReset,
     {
+      MozUserSelect: 'none',
+      WebkitUserSelect: 'none',
+      userSelect: 'none',
       minWidth: toRem(42),
       display: 'flex',
       alignItems: 'center',
@@ -101,6 +109,9 @@ export const SidebarItem = recipe({
   ],
   variants: {
     active: {
+      MozUserSelect: 'none',
+      WebkitUserSelect: 'none',
+      userSelect: 'none',
       true: {
         selectors: {
           '&::before': {
@@ -148,6 +159,9 @@ export type SidebarItemBadgeVariants = RecipeVariants<typeof SidebarItemBadge>;
 export const SidebarAvatar = recipe({
   base: [
     {
+      MozUserSelect: 'none',
+      WebkitUserSelect: 'none',
+      userSelect: 'none',
       selectors: {
         'button&': {
           cursor: 'pointer',
@@ -158,6 +172,9 @@ export const SidebarAvatar = recipe({
   variants: {
     size: {
       '200': {
+        MozUserSelect: 'none',
+        WebkitUserSelect: 'none',
+        userSelect: 'none',
         width: toRem(16),
         height: toRem(16),
         fontSize: toRem(10),
@@ -165,10 +182,16 @@ export const SidebarAvatar = recipe({
         letterSpacing: config.letterSpacing.T200,
       },
       '300': {
+        MozUserSelect: 'none',
+        WebkitUserSelect: 'none',
+        userSelect: 'none',
         width: toRem(34),
         height: toRem(34),
       },
       '400': {
+        MozUserSelect: 'none',
+        WebkitUserSelect: 'none',
+        userSelect: 'none',
         width: toRem(42),
         height: toRem(42),
       },