Add css triangle
This commit is contained in:
parent
93e20513f5
commit
649adce527
14
main.css
14
main.css
|
@ -10,12 +10,18 @@
|
||||||
summary {
|
summary {
|
||||||
display:flex;
|
display:flex;
|
||||||
}
|
}
|
||||||
img.avatar {
|
|
||||||
-webkit-border-radius: 50%;
|
.arrow-right {
|
||||||
-moz-border-radius: 50%;
|
width: 0;
|
||||||
border-radius: 50%;
|
height: 0;
|
||||||
|
border-top: 6px solid transparent;
|
||||||
|
border-bottom: 6px solid transparent;
|
||||||
|
|
||||||
|
border-left: 6px solid black;
|
||||||
|
margin: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
img.roomAvatar {
|
img.roomAvatar {
|
||||||
height: 36px;
|
height: 36px;
|
||||||
|
margin: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
|
@ -14,10 +14,13 @@
|
||||||
|
|
||||||
<div class="room">
|
<div class="room">
|
||||||
% if room['name'] != "TOP":
|
% 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>
|
<details><summary>
|
||||||
% endif
|
% endif
|
||||||
<div class="info">
|
<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:
|
% if 'avatar_url' in room:
|
||||||
<img class="avatar roomAvatar" src=${mxc2url(room['avatar_url'])}>
|
<img class="avatar roomAvatar" src=${mxc2url(room['avatar_url'])}>
|
||||||
% endif
|
% endif
|
||||||
|
@ -35,7 +38,7 @@
|
||||||
</a>
|
</a>
|
||||||
% endif
|
% endif
|
||||||
</div>
|
</div>
|
||||||
% if room['name'] != "TOP" and room['name'] != "Libre Gaming":
|
% if room['name'] != "TOP" and room['name'] != "Libre Gaming" and 'children' in room:
|
||||||
</summary>
|
</summary>
|
||||||
% endif
|
% endif
|
||||||
% endif
|
% endif
|
||||||
|
|
Loading…
Reference in New Issue