moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'chats-styles' into 'develop' 

Fix chat compose box on mobile devices

See merge request soapbox-pub/soapbox-fe!959
This commit is contained in:
marcin mikołajczak 2022-01-06 18:18:13 +00:00
parent afa1ae2fc1 cdfe88af9e
commit e7355e88b3
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/styles/chats.scss
View File

@ -184,7 +184,7 @@
&:hover, &:hover,
&:focus, &:focus,
&:active, { &:active {
.chat-message__menu { .chat-message__menu {
opacity: 1; opacity: 1;
pointer-events: all; pointer-events: all;
@ -401,13 +401,22 @@
} }
.page { .page {
.chat-messages {
margin-bottom: 60px;
}
.chat-box { .chat-box {
border-radius: 0; border-radius: 0;
border: 2px solid var(--foreground-color); border: 2px solid var(--foreground-color);
margin-bottom: var(--thumb-navigation-height); margin-bottom: var(--thumb-navigation-height);
&__actions { &__actions {
width: 100%;
padding: 0; padding: 0;
position: fixed;
bottom: 60px;
left: 0;
z-index: 1;
textarea { textarea {
height: 4em; height: 4em;