mirror of
https://github.com/discourse/discourse.git
synced 2026-08-15 14:06:35 +08:00
ff1f7ea4aeThe new formatting for recurrence in the configuration modal wasn't synced up with the rendered event in the post — this adds a new helper so they share the same source logic. Added tests to avoid future regression. Also fixed some minor CSS in the modal. Before: <img width="1398" height="660" alt="image" src="https://github.com/user-attachments/assets/7cd36ac1-8106-404a-92ed-e35f64a44342" /> After: <img width="1496" height="712" alt="image" src="https://github.com/user-attachments/assets/2c068a45-d5b0-4fc7-8ba1-980e9720c156" />
104 lines
1.8 KiB
SCSS
Vendored
104 lines
1.8 KiB
SCSS
Vendored
@use "lib/viewport";
|
|
|
|
.post-event-builder-modal {
|
|
[name="attendanceMode"] {
|
|
.form-kit__control-radio-description {
|
|
margin-top: var(--space-2);
|
|
}
|
|
}
|
|
|
|
.reminder-item {
|
|
display: flex;
|
|
gap: var(--space-half);
|
|
|
|
.form-kit__container {
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.d-select {
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.form-kit__field-input-number {
|
|
flex: 0;
|
|
|
|
@include viewport.until(md) {
|
|
min-width: 4em !important; // overrides another important
|
|
}
|
|
|
|
input {
|
|
width: inherit;
|
|
}
|
|
}
|
|
}
|
|
|
|
.conditional-loading-section {
|
|
background: transparent;
|
|
}
|
|
|
|
.d-modal__footer .advanced-settings {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.reminders {
|
|
.form-kit__container-content {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.reminder-item {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1 0 auto;
|
|
padding: 0.25em 0;
|
|
gap: var(--space-1);
|
|
margin-bottom: var(--space-2);
|
|
|
|
@include viewport.until(sm) {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
|
|
input {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.select-kit-header {
|
|
height: 100%;
|
|
}
|
|
|
|
@include viewport.from(sm) {
|
|
.reminder-type {
|
|
width: 320px;
|
|
}
|
|
|
|
.reminder-value {
|
|
min-width: unset !important; // overrides another important
|
|
}
|
|
|
|
.reminder-unit {
|
|
width: 140px;
|
|
}
|
|
}
|
|
|
|
.reminder-period {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: var(--space-2);
|
|
}
|
|
|
|
.remove-reminder {
|
|
margin-left: auto;
|
|
}
|
|
}
|
|
|
|
.form-kit__collection + .add-reminder {
|
|
align-self: flex-start;
|
|
margin-top: var(--form-kit-gutter-y);
|
|
}
|
|
}
|
|
|
|
.d-date-time-input {
|
|
width: 100%;
|
|
}
|
|
}
|
