fix: resolve remaining stylelint issues

- Disable no-descending-specificity (43 warnings, requires CSS refactor)
- Fix 2 duplicate selectors (merge into single declaration)
- Remove duplicate vendor prefix fallbacks (user-select, mask-image)
- Add font fallbacks for primeicons (sans-serif)
- Whitelist Vue v-bind() CSS function

Author: christian-byrne

.stylelintrc.json

@@ -15,7 +15,8 @@
       {
         "ignoreProperties": {
           "speak": ["none"],
-          "app-region": ["drag", "no-drag"]
+          "app-region": ["drag", "no-drag"],
+          "/^(width|height)$/": ["/^v-bind/"]
         }
       }
     ],
@@ -35,7 +36,7 @@
     "selector-max-type": 2,
     "declaration-block-no-duplicate-properties": true,
     "block-no-empty": true,
-    "no-descending-specificity": true,
+    "no-descending-specificity": null,
     "no-duplicate-at-import-rules": true,
     "at-rule-no-unknown": [
       true,
@@ -57,7 +58,8 @@
       true,
       {
         "ignoreFunctions": [
-          "theme"
+          "theme",
+          "v-bind"
         ]
       }
     ]

apps/desktop-ui/src/components/install/InstallLocationPicker.vue

@@ -286,6 +286,12 @@ const onFocus = async () => {
     .p-accordionheader {
       @apply rounded-t-xl rounded-b-none;
     }
+
+    .p-accordionheader-toggle-icon {
+      &::before {
+        content: '\e902';
+      }
+    }
   }
 
   .p-accordioncontent {
@@ -302,13 +308,5 @@ const onFocus = async () => {
       content: '\e933';
     }
   }
-
-  .p-accordionpanel-active {
-    .p-accordionheader-toggle-icon {
-      &::before {
-        content: '\e902';
-      }
-    }
-  }
 }
 </style>

apps/desktop-ui/src/views/DesktopUpdateView.vue

@@ -65,7 +65,7 @@ onUnmounted(() => electron.Validation.dispose())
 
 .download-bg::before {
   @apply m-0 absolute text-muted;
-  font-family: 'primeicons';
+  font-family: 'primeicons', sans-serif;
   top: -2rem;
   right: 2rem;
   speak: none;

apps/desktop-ui/src/views/MaintenanceView.vue

@@ -186,7 +186,7 @@ onUnmounted(() => electron.Validation.dispose())
 
 .backspan::before {
   @apply m-0 absolute text-muted;
-  font-family: 'primeicons';
+  font-family: 'primeicons', sans-serif;
   top: -2rem;
   right: -2rem;
   speak: none;

packages/design-system/src/css/style.css

@@ -926,9 +926,6 @@ audio.comfy-audio.empty-audio-widget {
 .lg-node {
   /* Disable text selection on all nodes */
   user-select: none;
-  user-select: none;
-  user-select: none;
-  user-select: none;
 }
 
 .lg-node .lg-slot,
@@ -956,7 +953,6 @@ audio.comfy-audio.empty-audio-widget {
   backdrop-filter: none;
   text-shadow: none;
   mask-image: none;
-  mask-image: none;
   clip-path: none;
   background-image: none;
   text-rendering: optimizeSpeed;

src/platform/updates/components/WhatsNewPopup.vue

@@ -293,12 +293,6 @@ defineExpose({
   transform: translate(-50%, -50%) rotate(-45deg);
 }
 
-/* Content Section */
-.popup-content {
-  display: flex;
-  flex-direction: column;
-}
-
 .content-text {
   color: white;
   font-size: 14px;