mirror of
https://gh.wpcy.net/https://github.com/discourse/discourse.git
synced 2026-06-19 07:03:42 +08:00
1a1bd0edbc
This adds some breakpoints and utilizes our horizontalOverflowNav component to make the review queue layout better on small screens. Before: <img width="500" alt="image" src="https://github.com/user-attachments/assets/65ed1903-f263-4ba1-a279-17be068a5129" /> <img width="500" alt="image" src="https://github.com/user-attachments/assets/8f06fd34-ecdc-4f7e-8a16-4601be28df4d" /> <img width="500" alt="image" src="https://github.com/user-attachments/assets/353b9e41-b82d-48df-80b7-f225523bc46e" /> After: <img width="500" alt="image" src="https://github.com/user-attachments/assets/ee5c6562-7311-497f-a59d-63911a192822" /> <img width="500" alt="image" src="https://github.com/user-attachments/assets/21968af7-c1e6-4517-a021-bf3c2f62630b" /> <img width="500" alt="image" src="https://github.com/user-attachments/assets/ab3cf57f-38df-46ce-b4a8-953adefc6b9d" />
13 lines
327 B
SCSS
Vendored
13 lines
327 B
SCSS
Vendored
.form-kit__control-textarea {
|
|
// prevents firefox/chrome to add spacing under textarea
|
|
display: block;
|
|
min-height: 150px;
|
|
min-width: var(--form-kit-large-input);
|
|
|
|
@include default-input {
|
|
// reset textarea styles
|
|
height: 150px;
|
|
padding: 0.5em !important;
|
|
min-width: var(--form-kit-small-input);
|
|
}
|
|
}
|
