0
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2026-08-07 13:19:19 +08:00
discourse/app/assets/stylesheets/common/components/relative-time-picker.scss
Kris b6934cec4f
UX: remove wrapping from relative time control (#41665)
Reported here:
https://meta.discourse.org/t/unit-and-number-are-no-longer-in-one-line-in-relative-time-selection/407464

The wrapping here is awkward, previously it was on a single line — this
adjustment gets us back there.

Before:
<img width="300" alt="image"
src="https://github.com/user-attachments/assets/94fc8d4b-b320-420a-b574-9e46c9f13dae"
/>



After: 
<img width="300" alt="image"
src="https://github.com/user-attachments/assets/4258ddb2-85f5-4bdc-af01-74b46135b4b5"
/>
2026-07-13 12:11:03 -04:00

21 lines
258 B
SCSS
Vendored

.relative-time-picker {
display: flex;
input[type="text"] {
flex: 1;
}
.relative-time-duration {
margin-bottom: 0;
}
.select-kit {
flex: 1;
width: auto;
margin-left: 5px;
}
&:last-child {
margin-right: auto;
}
}