Skip to content

Commit e0015c5

Browse files
artzhookovc298lee
andauthored
fix(feedback): Fix form width on mobile devices (getsentry#13068)
On mobile devices, the form looked narrow due to the unspecified value of the css variable --form-width. I set it to 100% for mobile devices and this stretched the form to the full width (see before/after screenshots). before: <img width="320" alt="before" src="https://github.com/user-attachments/assets/60cb8741-02e4-4845-804b-a121861b4ae5"> after: <img width="320" alt="after" src="https://github.com/user-attachments/assets/645d8ba3-d694-432c-9c1d-2f3d939b6ccd"> --------- Co-authored-by: Catherine Lee <[email protected]>
1 parent e31fd63 commit e0015c5

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

Diff for: packages/feedback/src/modal/components/Dialog.css.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@ const FORM = `
100100
}
101101
102102
.form__right {
103-
flex: 0 0 var(--form-width, 272px);
103+
flex: 0 0 auto;
104104
width: var(--form-width, 272px);
105105
display: flex;
106106
overflow: auto;
@@ -111,7 +111,7 @@ const FORM = `
111111
112112
@media (max-width: 600px) {
113113
.form__right {
114-
width: auto;
114+
width: var(--form-width, 100%);
115115
}
116116
}
117117

0 commit comments

Comments
 (0)