PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Fix _RoomDirectory.scss for mobile screen

Browse source
This commit is contained in:
Ayush Kumar 2021-03-10 15:00:53 +05:30
parent 34146f347f
commit c883bd0cbf
1 changed files with 37 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
res/css/structures/_RoomDirectory.scss
View file

@ -71,7 +71,6 @@ limitations under the License.
row-gap: 24px; row-gap: 24px;
text-align: left; text-align: left;
width: 100%; width: 100%;
min-width: 400px;
} }
.mx_RoomDirectory_roomAvatar { .mx_RoomDirectory_roomAvatar {
@ -156,3 +155,40 @@ limitations under the License.
padding: 0; padding: 0;
} }
} }
@media screen and (max-width: 700px) {
.mx_RoomDirectory_roomMemberCount {
padding: 0px;
}
.mx_AccessibleButton_kind_secondary {
padding: 0px !important;
}
.mx_RoomDirectory_join {
margin-left: 0px;
}
.mx_RoomDirectory_alias {
margin-top: 10px;
margin-bottom: 10px;
}
.mx_RoomDirectory_roomDescription {
padding-bottom: 0px;
}
.mx_RoomDirectory_name {
margin-bottom: 5px;
}
.mx_RoomDirectory_roomAvatar{
margin-top: 10px;
}
.mx_RoomDirectory_table {
grid-template-columns: auto;
row-gap: 14px;
margin-top: 5px;
}
}