fix: show "delete variable" in variable tooltip (#4322)

Ref #3399 ![Screenshot 2024-10-20 at 10 41 55](https://github.com/user-attachments/assets/d194cc13-efec-40fa-8021-13d2473188a1)
webstudio-is · Oct 21, 2024 · 5ee0860 · 5ee0860
1 parent 257d760
commit 5ee0860
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/apps/builder/app/builder/features/style-panel/property-label.tsx b/apps/builder/app/builder/features/style-panel/property-label.tsx
@@ -183,10 +183,12 @@ export const PropertyInfo = ({
             </Flex>
           }
           suffix={<Kbd value={["option", "click"]} color="moreSubtle" />}
-          css={{ gridTemplateColumns: "2fr 3fr 1fr" }}
+          css={{ gridTemplateColumns: "1fr max-content 1fr" }}
           onClick={onReset}
         >
-          Reset value
+          {styles[0].property.startsWith("--")
+            ? "Delete variable"
+            : "Reset value"}
         </Button>
       )}
     </Flex>