discourse/app/assets/stylesheets/common/components/user-status-picker.scss
Kris 8c22831672
UX: update appropriate btn-flat instances to btn-transparent (#25945)
With the adjustments of `btn-transparent` in https://github.com/discourse/discourse/pull/24666, there are more buttons that could use this class instead of `btn-flat`. This mostly relates to `x` close buttons, but also includes composer and chat toggles.

The primary difference between these styles is that `btn-transparent` never has a background, where `btn-flat` may have a hover or focus background.
2024-02-29 11:47:07 +01:00

31 lines
548 B
SCSS

.user-status-picker-wrap {
display: inline-flex;
width: 100%;
align-items: end;
.user-status-picker {
display: flex;
width: 100%;
border: 1px solid var(--primary-medium);
.btn-emoji {
margin: 3px;
width: 2.3em;
text-align: center;
}
.user-status-description {
width: 100%;
margin-bottom: 0;
border: none;
outline: none;
padding-left: 0;
}
}
.user-status-picker.focused {
border: 1px solid var(--tertiary);
outline: 1px solid var(--tertiary);
}
}