Remove Riot-era media query declarations of event tile on mobile UI (#8814)

* Apply style declarations for mobile UI to modern layout, which breaks the current layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove the style declarations to restore the current layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Readd zero margin for event tile content

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove a comment

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
Suguru Hirahara 2022-06-15 06:44:39 +00:00 committed by GitHub
parent 44b2667f73
commit 37298d7b1b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -681,20 +681,6 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
} }
} }
@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;
}
}
.mx_ThreadPanel_replies::before, .mx_ThreadPanel_replies::before,
.mx_ThreadSummaryIcon::before, .mx_ThreadSummaryIcon::before,
.mx_ThreadSummary::before { .mx_ThreadSummary::before {
@ -1058,3 +1044,10 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
} }
} }
} }
// Media query for mobile UI
@media only screen and (max-width: 480px) {
.mx_EventTile_content {
margin-right: 0;
}
}