Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

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

Merged
merged 4 commits into from
Jun 15, 2022
Merged

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

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
fcea47f
Apply style declarations for mobile UI to modern layout, which breaks…
luixxiul Jun 11, 2022
055fecf
Remove the style declarations to restore the current layout
luixxiul Jun 11, 2022
f52e46e
Readd zero margin for event tile content
luixxiul Jun 11, 2022
e7633da
Remove a comment
luixxiul Jun 11, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 7 additions & 14 deletions res/css/views/rooms/_EventTile.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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_ThreadSummaryIcon::before,
.mx_ThreadSummary::before {
Expand Down Expand Up @@ -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;
}
}
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Moved to the end of the file for cascading effect.