discourse/app/assets/stylesheets/common/select-kit/notifications-button.scss

.select-kit {
  &.dropdown-select-box {
    &.notifications-button {
      .select-kit-body {
        max-width: 400px;
      }

      .select-kit-row {
        .icons {
          align-self: flex-start;
          margin-right: 0.75em;
        }
      }
    }
  }
}
Introduces select-kit * renames `select-box-kit` into `select-kit` * introduces `single-select` and `multi-select` as base components * introduces {{search-advanced-category-chooser}} as a better component for selecting category in advanced search * improves events handling in select-kit * recreates color selection inputs using {{multi-select}} and a custom {{selected-color}} component * replaces category-selector by a component using select-kit and based on multi-select * improves positioning of wrapper * removes the need for offscreen, and instead use `select-kit-header` as a base focus point for all select-kit based components * introduces a formal plugin api for select-kit based components * introduces a formal pattern for loading and updating select-kit based components: ``` computeValue() computeContent() mutateValue() ``` 2017-11-21 18:53:09 +08:00			`.select-kit {`
[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00			`&.dropdown-select-box {`
			`&.notifications-button {`
s/select-box-kit/select-kit Definitely remove legacy naming. 2018-02-06 01:25:39 +08:00			`.select-kit-body {`
DEV: select-kit 2 (#7998) This new iteration of select-kit focuses on following best principales and disallowing mutations inside select-kit components. A best effort has been made to avoid breaking changes, however if you content was a flat array, eg: ["foo", "bar"] You will need to set valueProperty=null and nameProperty=null on the component. Also almost every component should have an `onChange` handler now to decide what to do with the updated data. select-kit will not mutate your data by itself anymore 2020-02-03 21:22:14 +08:00			`max-width: 400px;`
[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00			`}`

s/select-box-kit/select-kit Definitely remove legacy naming. 2018-02-06 01:25:39 +08:00			`.select-kit-row {`
[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00			`.icons {`
DEV: adds prettier (#5956) Run `prettier --write "app/assets/stylesheets/*/.scss" "plugins/*/.scss"` after making sure you installed it with `yarn` It's recommended to configure your editor to run prettier on file save. 2018-06-08 17:49:31 +08:00			`align-self: flex-start;`
UI: various select-kit dropdown tweaks/cleaning (#9922) 2020-05-29 17:11:28 +08:00			`margin-right: 0.75em;`
[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00			`}`
			`}`
			`}`
			`}`
			`}`