mystiq/hydrogen-web
Archived
4
1
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix styling for room list items

Browse source
This commit is contained in:
Bruno Windels 2020-10-14 10:20:20 +02:00
parent 3d327b0875
commit 5fe479e8a9
2 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/ui/web/css/left-panel.css
View file

@ -40,7 +40,7 @@ limitations under the License.
overscroll-behavior: contain; overscroll-behavior: contain;
} }
.RoomList li { .RoomList > li > a {
display: flex; display: flex;
align-items: center; align-items: center;
} }

16
src/ui/web/css/themes/element/theme.css
View file

@ -235,15 +235,23 @@ button.utility.grid.on {
margin-right: -8px; margin-right: -8px;
} }
.RoomList li { .RoomList > li {
margin: 0; margin: 0;
padding-right: 8px; padding: 4px 8px 4px 0;
/* vertical align */
align-items: center;
}
.RoomList > li > a {
text-decoration: none;
/* vertical align */ /* vertical align */
align-items: center; align-items: center;
} }
.RoomList li:not(:first-child) { .RoomList li:not(:first-child) {
margin-top: 12px; /* space between items is 12px but we take 4px padding
on each side for the background of the active state*/
margin-top: 4px;
} }
.RoomList li.active { .RoomList li.active {
@ -251,7 +259,7 @@ button.utility.grid.on {
border-radius: 5px; border-radius: 5px;
} }
.RoomList li > * { .RoomList li > a > * {
margin-right: 8px; margin-right: 8px;
} }