Add details tag
This commit is contained in:
parent
5457fa834f
commit
6f97016c04
4
main.css
4
main.css
|
@ -6,6 +6,10 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
display:flex;
|
display:flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
summary {
|
||||||
|
display:flex;
|
||||||
|
}
|
||||||
img.avatar {
|
img.avatar {
|
||||||
-webkit-border-radius: 50%;
|
-webkit-border-radius: 50%;
|
||||||
-moz-border-radius: 50%;
|
-moz-border-radius: 50%;
|
||||||
|
|
11
spaces.html
11
spaces.html
|
@ -13,6 +13,10 @@
|
||||||
<%def name="render(room)">
|
<%def name="render(room)">
|
||||||
|
|
||||||
<div class="room">
|
<div class="room">
|
||||||
|
% if room['name'] != "TOP":
|
||||||
|
% if room['name'] != "TOP" and room['name'] != "Libre Gaming":
|
||||||
|
<details><summary>
|
||||||
|
% endif
|
||||||
<div class="info">
|
<div class="info">
|
||||||
% 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'])}>
|
||||||
|
@ -31,13 +35,18 @@
|
||||||
</a>
|
</a>
|
||||||
% endif
|
% endif
|
||||||
</div>
|
</div>
|
||||||
|
% if room['name'] != "TOP" and room['name'] != "Libre Gaming":
|
||||||
|
</summary>
|
||||||
|
% endif
|
||||||
|
% endif
|
||||||
|
|
||||||
% if 'children' in room:
|
% if 'children' in room:
|
||||||
<details>
|
|
||||||
% for subroom in room['children']:
|
% for subroom in room['children']:
|
||||||
${render(subroom)}
|
${render(subroom)}
|
||||||
% endfor
|
% endfor
|
||||||
|
% if room['name'] != "TOP" and room['name'] != "Libre Gaming":
|
||||||
</details>
|
</details>
|
||||||
|
% endif
|
||||||
% endif
|
% endif
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue