Add css triangle
This commit is contained in:
parent
93e20513f5
commit
649adce527
14
main.css
14
main.css
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in New Issue