From d28428e2bf59ecc5691e4335f835df771bb73e36 Mon Sep 17 00:00:00 2001
From: Oleg Isonen <oleg008@gmail.com>
Date: Wed, 5 Mar 2025 21:51:12 +0000
Subject: [PATCH] feat: Add mdn link to all properties in advanced style panel
 (#4951)

## Description

The little link icon button

<img width="276" alt="image"
src="https://github.com/user-attachments/assets/5553a892-a3b7-46ae-b00a-c56c1a7833cf"
/>


## Steps for reproduction

1. click button
2. expect xyz

## Code Review

- [ ] hi @kof, I need you to do
  - conceptual review (architecture, feature-correctness)
  - detailed review (read every line)
  - test it on preview

## Before requesting a review

- [ ] made a self-review
- [ ] added inline comments where things may be not obvious (the "why",
not "what")

## Before merging

- [ ] tested locally and on preview environment (preview dev login:
0000)
- [ ] updated [test
cases](https://github.com/webstudio-is/webstudio/blob/main/apps/builder/docs/test-cases.md)
document
- [ ] added tests
- [ ] if any new env variables are added, added them to `.env` file
---
 apps/builder/app/builder/shared/css-editor/css-editor.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/builder/app/builder/shared/css-editor/css-editor.tsx b/apps/builder/app/builder/shared/css-editor/css-editor.tsx
index 77bf4fc604..5ab221e337 100644
--- a/apps/builder/app/builder/shared/css-editor/css-editor.tsx
+++ b/apps/builder/app/builder/shared/css-editor/css-editor.tsx
@@ -63,9 +63,11 @@ const AdvancedPropertyLabel = ({
   onDeleteProperty: DeleteProperty;
 }) => {
   const styleDecl = useComputedStyleDecl(property);
-  const description = propertyDescriptions[camelCaseProperty(property)];
-
   const [isOpen, setIsOpen] = useState(false);
+
+  const description = propertyDescriptions[camelCaseProperty(property)];
+  const styleConfig = styleConfigByName(property);
+
   return (
     <Tooltip
       open={isOpen}
@@ -94,6 +96,7 @@ const AdvancedPropertyLabel = ({
             onReset?.();
           }}
           resetType="delete"
+          link={styleConfig?.mdnUrl}
         />
       }
     >