owncast/web/components/common/UserDropdown/UserDropdown.module.scss
Gabe Kangas 69f217f758
Refactor mobile chat into modal (#3038)
* feat(mobile): refactor mobile chat into modal

- Make page always scrollable
- Move mobile chat into a standalone modal

* fix(test): split out mobile browser test specs

* fix(mobile): force chat button to render on top of footer

* fix: some small updates from review

* fix: hide/show hide chat menu option based on width

* fix: chat button icon getting cut off

* chore(tests): add browser tests for mobile chat modal

* chore(tests): add story for ChatModal component

* fix(test): quiet shellcheck

* fix: remove unused import

* fix(tests): silence storybook linting warning

* fix(ui): reposition chat modal button icon with transform
2023-05-22 18:56:44 -07:00

34 lines
457 B
SCSS

@import '../../../styles/mixins.scss';
.root {
button {
border: none;
.ant-space {
.ant-space-item {
color: var(--theme-unknown-2);
}
}
}
.username {
display: inline;
@include screen(desktop) {
font-weight: 600;
font-size: 0.8rem;
}
}
.hideTitleOnMobile {
@include screen(mobile) {
display: none;
}
}
}
.chatToggle {
@include screen(mobile) {
display: none;
}
}