nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-23 14:40:50 +01:00
Code Issues Packages Projects Releases Wiki Activity

move chat input on small screens

Browse Source
This commit is contained in:
dank074 2021-10-23 15:02:42 -05:00
parent feac3cc959
commit ec03987c27
2 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/room/widgets/chat-input/ChatInputView.scss
View File

@ -10,6 +10,14 @@
padding-right: 10px; padding-right: 10px;
width: 100%; width: 100%;
@include media-breakpoint-down(sm) {
display: flex;
position: absolute;
bottom: 70px;
left: calc(100% / 3);
width: 200px;
}
&:before { &:before {
content: ""; content: "";
position: absolute; position: absolute;

5
src/views/toolbar/ToolbarView.scss
View File

@ -14,6 +14,11 @@
#toolbar-chat-input-container { #toolbar-chat-input-container {
margin: 0 10px; margin: 0 10px;
@include media-breakpoint-down(sm) {
width: 0px;
height: 0px
}
} }
.navigation-items { .navigation-items {