discourse/app/assets/stylesheets/common/select-kit/future-date-input-selector....

.select-kit {
  &.combobox {
    &.future-date-input-selector {
      min-width: 50%;

      .future-date-input-selector-header {
        .btn-clear {
          line-height: $line-height-large;
        }
      }

      .future-date-input-selector-datetime {
        color: var(--primary-medium);
        margin-left: auto;
        white-space: nowrap;

        + svg {
          margin-left: 0.25em;
        }
      }

      .future-date-input-selector-icons {
        margin-right: 5px;
      }

      .btn-clear {
        padding: 0;
        margin-left: 5px;
      }

      .future-date-input-selector-row {
        .future-date-input-selector-icons {
          color: var(--primary-medium);
        }
      }
    }
  }
}

.future-date-input {
  .future-date-input-date-picker,
  .future-date-input-time-picker {
    margin-top: 0.5em;
    margin-bottom: 0;
    input {
      margin-bottom: 0;
      margin-left: 5px;
    }
  }
}
s/select-box-kit/select-kit Definitely remove legacy naming. 2018-02-05 12:25:39 -05:00			`.select-kit {`
[WIP] select-box-kit refactoring 2017-10-19 15:51:08 -04:00			`&.combobox {`
			`&.future-date-input-selector {`
			`min-width: 50%;`

FIX: select-kit refactoring - improve mini-tag-chooser keyboard behavior - all multil select now respond to select all and left/right arrows - improve events handling - many minor tweaks 2018-03-22 06:29:55 -04:00			`.future-date-input-selector-header {`
			`.btn-clear {`
			`line-height: $line-height-large;`
			`}`
			`}`

[WIP] select-box-kit refactoring 2017-10-19 15:51:08 -04:00			`.future-date-input-selector-datetime {`
FEATURE: automatic dark mode (#10341) A first step to adding automatic dark mode color scheme switching. Adds a new SCSS file at `color_definitions.scss` that serves to output all SCSS color variables as CSS custom properties. And replaces all SCSS color variables with the new CSS custom properties throughout the stylesheets. This is an alpha feature at this point, can only be enabled via console using the `default_dark_mode_color_scheme_id` site setting. 2020-08-03 22:57:10 -04:00			`color: var(--primary-medium);`
UX: More consistent alignment of topic timer's selected datetimes 2020-05-27 22:19:00 -04:00			`margin-left: auto;`
UX: Improving aligment within topic timer modal 2019-01-22 12:33:46 -05:00			`white-space: nowrap;`
UX: More consistent alignment of topic timer's selected datetimes 2020-05-27 22:19:00 -04:00
			`+ svg {`
			`margin-left: 0.25em;`
			`}`
[WIP] select-box-kit refactoring 2017-10-19 15:51:08 -04:00			`}`

			`.future-date-input-selector-icons {`
FIX: multiple select-kit fixes on mobile 2018-07-23 12:19:40 -04:00			`margin-right: 5px;`
			`}`

			`.btn-clear {`
			`padding: 0;`
			`margin-left: 5px;`
[WIP] select-box-kit refactoring 2017-10-19 15:51:08 -04:00			`}`

			`.future-date-input-selector-row {`
			`.future-date-input-selector-icons {`
FEATURE: automatic dark mode (#10341) A first step to adding automatic dark mode color scheme switching. Adds a new SCSS file at `color_definitions.scss` that serves to output all SCSS color variables as CSS custom properties. And replaces all SCSS color variables with the new CSS custom properties throughout the stylesheets. This is an alpha feature at this point, can only be enabled via console using the `default_dark_mode_color_scheme_id` site setting. 2020-08-03 22:57:10 -04:00			`color: var(--primary-medium);`
[WIP] select-box-kit refactoring 2017-10-19 15:51:08 -04:00			`}`
			`}`
			`}`
			`}`
			`}`
UX: Normalize sizing for inputs, buttons, dropdowns (#14226) See PR for details 2021-09-09 11:01:56 -04:00
			`.future-date-input {`
			`.future-date-input-date-picker,`
			`.future-date-input-time-picker {`
			`margin-top: 0.5em;`
			`margin-bottom: 0;`
			`input {`
			`margin-bottom: 0;`
			`margin-left: 5px;`
			`}`
			`}`
			`}`