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

#topic-footer-buttons {
  .pinned-button {
    min-width: auto;
    margin: 10px 0 5px 0;

    &.is-hidden {
      display: none;
    }

    .btn {
      margin: 0;
    }

    .reason {
      line-height: 16px;
      margin: 0 0 0 10px;
    }
  }
}

.pinned-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  min-width: auto;

  .pinned-options {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .pinned-options {
    .select-box-kit-body, .select-kit-body {
      min-width: unset;
      max-width: unset;
      width: 550px;
    }
  }
}
uses select-box for pinned-button This commit also moves more logic in dropdown-select-box instead of duplicating it for notifications-options and pinned-options 2017-09-12 01:14:22 +08:00			`#topic-footer-buttons {`
			`.pinned-button {`
			`min-width: auto;`
			`margin: 10px 0 5px 0;`

			`&.is-hidden {`
			`display: none;`
			`}`

			`.btn {`
			`margin: 0;`
			`}`

			`.reason {`
			`line-height: 16px;`
			`margin: 0 0 0 10px;`
			`}`
			`}`
			`}`

			`.pinned-button {`
[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00			`display: -webkit-box;`
			`display: -ms-flexbox;`
uses select-box for pinned-button This commit also moves more logic in dropdown-select-box instead of duplicating it for notifications-options and pinned-options 2017-09-12 01:14:22 +08:00			`display: flex;`
[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00			`-webkit-box-pack: start;`
			`-ms-flex-pack: start;`
			`justify-content: flex-start;`
			`-webkit-box-align: center;`
			`-ms-flex-align: center;`
			`align-items: center;`
uses select-box for pinned-button This commit also moves more logic in dropdown-select-box instead of duplicating it for notifications-options and pinned-options 2017-09-12 01:14:22 +08:00			`margin: 0;`
			`min-width: auto;`

FIX: reason paragraph styling broken on mobile 2017-09-13 16:24:02 +08:00			`.pinned-options {`
[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00			`display: -webkit-inline-box;`
			`display: -ms-inline-flexbox;`
uses select-box for pinned-button This commit also moves more logic in dropdown-select-box instead of duplicating it for notifications-options and pinned-options 2017-09-12 01:14:22 +08:00			`display: inline-flex;`
			`}`

[WIP] select-box-kit refactoring 2017-10-20 03:51:08 +08:00			`.pinned-options {`
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-box-kit-body, .select-kit-body {`
uses select-box for pinned-button This commit also moves more logic in dropdown-select-box instead of duplicating it for notifications-options and pinned-options 2017-09-12 01:14:22 +08:00			`min-width: unset;`
			`max-width: unset;`
			`width: 550px;`
			`}`
			`}`
			`}`