Add css triangle

This commit is contained in:
Rampoina 2022-04-18 01:01:00 +02:00
parent 93e20513f5
commit 649adce527
2 changed files with 15 additions and 6 deletions

View File

@ -10,12 +10,18 @@
summary {
display:flex;
}
img.avatar {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
.arrow-right {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid black;
margin: 0.5em;
}
img.roomAvatar {
height: 36px;
margin: 0.5em;
}

View File

@ -14,10 +14,13 @@
<div class="room">
% if room['name'] != "TOP":
% if room['name'] != "TOP" and room['name'] != "Libre Gaming":
% if room['name'] != "TOP" and room['name'] != "Libre Gaming" and 'children' in room:
<details><summary>
% endif
<div class="info">
% if room['name'] != "TOP" and room['name'] != "Libre Gaming" and 'children' in room:
<div class="arrow-right"></div>
% endif
% if 'avatar_url' in room:
<img class="avatar roomAvatar" src=${mxc2url(room['avatar_url'])}>
% endif
@ -35,7 +38,7 @@
</a>
% endif
</div>
% if room['name'] != "TOP" and room['name'] != "Libre Gaming":
% if room['name'] != "TOP" and room['name'] != "Libre Gaming" and 'children' in room:
</summary>
% endif
% endif