ref(feedback): [v7] Configure feedback fonts (#11520)

Backports #11437, #11432, #11414 to v7
getsentry · Apr 10, 2024 · 6211563 · 6211563
1 parent ab40116
commit 6211563
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/feedback/src/widget/Actor.css.ts b/packages/feedback/src/widget/Actor.css.ts
@@ -13,7 +13,8 @@ export function createActorStyles(d: Document): HTMLStyleElement {
 
   border-radius: var(--border-radius);
   cursor: pointer;
-  font-size: 14px;
+  font-family: inherit;
+  font-size: var(--font-size);
   font-weight: 600;
   padding: 12px 16px;
   text-decoration: none;

diff --git a/packages/feedback/src/widget/Dialog.css.ts b/packages/feedback/src/widget/Dialog.css.ts
@@ -108,14 +108,14 @@ export function createDialogStyles(d: Document): HTMLStyleElement {
 }
 
 .form__input {
-  font-family: inherit;
   line-height: inherit;
   background-color: var(--input-background);
   box-sizing: border-box;
   border: var(--input-border);
   border-radius: var(--form-content-border-radius);
   color: var(--input-foreground);
-  font-size: 14px;
+  font-family: inherit;
+  font-size: var(--font-size);
   font-weight: 500;
   padding: 6px 12px;
 }
@@ -140,7 +140,8 @@ export function createDialogStyles(d: Document): HTMLStyleElement {
   border: var(--cancel-border);
   border-radius: var(--form-content-border-radius);
   cursor: pointer;
-  font-size: 14px;
+  font-family: inherit;
+  font-size: var(--font-size);
   font-weight: 600;
   padding: 6px 16px;
 }