From 12ab55a39bd8f1156cfa6359a14e792c73d65d8b Mon Sep 17 00:00:00 2001 From: Catherine Lee <55311782+c298lee@users.noreply.github.com> Date: Fri, 19 Apr 2024 18:37:28 -0400 Subject: [PATCH 1/4] PR comments --- packages/feedback/src/constants.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/feedback/src/constants.ts b/packages/feedback/src/constants.ts index 42129ae79838..4a74dc5064a8 100644 --- a/packages/feedback/src/constants.ts +++ b/packages/feedback/src/constants.ts @@ -16,7 +16,7 @@ const LIGHT_THEME = { backgroundHover: '#f6f6f7', foreground: '#2b2233', border: '1.5px solid rgba(41, 35, 47, 0.13)', - borderRadius: '12px', + borderRadius: '25px', boxShadow: '0px 4px 24px 0px rgba(43, 34, 51, 0.12)', success: '#268d75', From bcfbce7d9592c93c4e01356d941cd6a20ab75185 Mon Sep 17 00:00:00 2001 From: Catherine Lee <55311782+c298lee@users.noreply.github.com> Date: Fri, 19 Apr 2024 18:37:28 -0400 Subject: [PATCH 2/4] PR comments From 98568ef5e99c680011c653900c42aac439872261 Mon Sep 17 00:00:00 2001 From: Catherine Lee <55311782+c298lee@users.noreply.github.com> Date: Tue, 16 Apr 2024 16:27:34 -0400 Subject: [PATCH 3/4] lint --- packages/feedback/src/widget/Actor.css.ts | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/feedback/src/widget/Actor.css.ts b/packages/feedback/src/widget/Actor.css.ts index 1ac264d7e07f..71a2b34bc7c2 100644 --- a/packages/feedback/src/widget/Actor.css.ts +++ b/packages/feedback/src/widget/Actor.css.ts @@ -46,6 +46,12 @@ export function createActorStyles(d: Document): HTMLStyleElement { .widget__actor__text { } +@media (max-width: 600px) { + .widget__actor__text { + display: none; + } +} + .feedback-icon path { fill: var(--foreground); } From 169c85fb067d26b9203f70284f694613a16cacba Mon Sep 17 00:00:00 2001 From: Catherine Lee <55311782+c298lee@users.noreply.github.com> Date: Tue, 16 Apr 2024 16:25:31 -0400 Subject: [PATCH 4/4] button designs --- packages/feedback/src/widget/Actor.css.ts | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/packages/feedback/src/widget/Actor.css.ts b/packages/feedback/src/widget/Actor.css.ts index 71a2b34bc7c2..4455b0c5c912 100644 --- a/packages/feedback/src/widget/Actor.css.ts +++ b/packages/feedback/src/widget/Actor.css.ts @@ -5,7 +5,14 @@ export function createActorStyles(d: Document): HTMLStyleElement { const style = d.createElement('style'); style.textContent = ` .widget__actor { - line-height: 25px; + position: fixed; + left: var(--left); + right: var(--right); + bottom: var(--bottom); + top: var(--top); + z-index: var(--z-index); + + line-height: 16px; display: flex; align-items: center; @@ -16,7 +23,7 @@ export function createActorStyles(d: Document): HTMLStyleElement { font-family: inherit; font-size: var(--font-size); font-weight: 600; - padding: 12px 16px; + padding: 16px; text-decoration: none; z-index: 9000;