Merge branch 'mobile-chats' into 'develop'
Chats: improve mobile styles See merge request soapbox-pub/soapbox-fe!232
This commit is contained in:
commit
e29cb723e8
1 changed files with 32 additions and 0 deletions
|
@ -282,6 +282,37 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media(max-width: 630px) {
|
||||||
|
.columns-area__panels__main .columns-area {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.columns-area__panels__main {
|
||||||
|
padding: 0;
|
||||||
|
max-width: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.columns-area--mobile .column {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page {
|
||||||
|
.chat-box {
|
||||||
|
border-radius: 0;
|
||||||
|
border: 2px solid var(--foreground-color);
|
||||||
|
|
||||||
|
&__actions {
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
height: 4em;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media(max-width: 630px) {
|
@media(max-width: 630px) {
|
||||||
|
@ -301,6 +332,7 @@
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
.account__avatar {
|
.account__avatar {
|
||||||
margin-right: 7px;
|
margin-right: 7px;
|
||||||
|
|
Loading…
Reference in a new issue