Add some media queries to improve UI on mobile

This commit is contained in:
Dale Harvey
2020-01-30 11:18:14 +01:00
committed by Jovan Gerodetti
parent bd5a81e599
commit 049e3fc08c
6 changed files with 45 additions and 1 deletions
+11
View File
@@ -572,3 +572,14 @@ limitations under the License.
margin-left: 1em;
}
}
@media only screen and (max-width : 480px) {
.mx_EventTile_line, .mx_EventTile_reply {
padding-left: 0;
margin-right: 0;
}
.mx_EventTile_content {
margin-top: 10px;
margin-right: 0;
}
}
+9
View File
@@ -267,3 +267,12 @@ limitations under the License.
.mx_RoomHeader_pinsIndicatorUnread {
background-color: $pinned-unread-color;
}
@media only screen and (max-width : 480px) {
.mx_RoomHeader_wrapper {
padding: 0;
}
.mx_RoomHeader {
overflow: hidden;
}
}