discourse/plugins/chat/assets/stylesheets/common/chat-composer-button.scss

.chat-composer-button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;

  &__btn {
    box-sizing: border-box;
    width: 50px;
    border: 0;
    height: 50px;
    background: none;
  }
}
UX: implements new composer design (#21588) This is only the first steps of a redesign - redesigns the buttons to have a larger hitzone - generally bigger composer - clicking near textarea focuses the input - relies on the fact that safe-area-inset-bottom is set globally and doesn’t need to be set in sub components 2023-05-16 23:17:12 +08:00			`.chat-composer-button {`
			`box-sizing: border-box;`
			`display: flex;`
			`align-items: center;`
			`justify-content: center;`

			`&__btn {`
			`box-sizing: border-box;`
			`width: 50px;`
			`border: 0;`
UI: chat composer step 2 (#21641) - few improved alignments - displays emoji picker button inline on desktop - keeps composer focused when focusing dropdown button - align buttons to bottom when increasing height of textarea - max-height of textarea is now linked to the height of the screen Co-authored-by: chapoi <charlie@discourse.org> 2023-05-22 23:00:50 +08:00			`height: 50px;`
UX: implements new composer design (#21588) This is only the first steps of a redesign - redesigns the buttons to have a larger hitzone - generally bigger composer - clicking near textarea focuses the input - relies on the fact that safe-area-inset-bottom is set globally and doesn’t need to be set in sub components 2023-05-16 23:17:12 +08:00			`background: none;`
			`}`
			`}`