discourse/app/assets/stylesheets/common/components/relative-time-picker.scss

.relative-time-picker {
  display: flex;
  flex-wrap: wrap;

  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;
  }
}
UX: Fix local-dates styling (#12085) Renames the new `relative-time` component to `relative-time-picker` to avoid CSS class conflict with local-dates. 2021-02-15 18:44:30 +08:00			`.relative-time-picker {`
FEATURE: Relative time input for timers and bookmarks and promote auto-close after last post timer (#12063) This PR adds a new relative-time component, that is an input box with a SK dropdown of minutes, hours, days, and months which outputs the duration selected in minutes. This new component is used in the time shortcuts list (used by bookmarks and topic timers) as a new Relative Time shortcut. Also in this PR, I have made the "Auto-Close After Last Post" timer into a top level timer type in the UI, and removed the "based on last post" custom time shortcut. 2021-02-15 10:49:57 +08:00			`display: flex;`
			`flex-wrap: wrap;`

			`input[type="text"] {`
			`flex: 1;`
			`}`

UX: minor fixes in topic action modal (#24772) 2023-12-07 21:54:56 +08:00			`.relative-time-duration {`
			`margin-bottom: 0;`
			`}`

FEATURE: Relative time input for timers and bookmarks and promote auto-close after last post timer (#12063) This PR adds a new relative-time component, that is an input box with a SK dropdown of minutes, hours, days, and months which outputs the duration selected in minutes. This new component is used in the time shortcuts list (used by bookmarks and topic timers) as a new Relative Time shortcut. Also in this PR, I have made the "Auto-Close After Last Post" timer into a top level timer type in the UI, and removed the "based on last post" custom time shortcut. 2021-02-15 10:49:57 +08:00			`.select-kit {`
			`flex: 1;`
			`width: auto;`
			`margin-left: 5px;`
			`}`

			`&:last-child {`
			`margin-right: auto;`
			`}`
			`}`