Merge branch 'layout'

This commit is contained in:
Phil Morrell 2022-06-11 19:09:31 +01:00
commit 6fe8c75306
Signed by: emorrp1
GPG Key ID: DBCA65091F248E6C
4 changed files with 978 additions and 308 deletions

BIN
empty.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 122 B

1253
list.html

File diff suppressed because it is too large Load Diff

View File

@ -1,4 +1,3 @@
/* Theming taken from https://github.com/vector-im/riot-web/blob/cf5cf02529f95a094d88051c12fdb87a03d87335/src/skins/vector/css/themes/_base.scss */
.room { .room {
margin-left: 2em; margin-left: 2em;
} }
@ -21,7 +20,23 @@ summary {
margin: 0.5em; margin: 0.5em;
} }
img.roomAvatar { .roomAvatar {
height: 36px; height: 36px;
width: 36px;
margin: 0.5em; margin: 0.5em;
} }
.topic {
font-size: smaller;
color: DarkSlateGrey;
margin-left: 2em;
width: 40em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.topic:hover {
overflow: visible;
}

View File

@ -14,7 +14,9 @@
<div class="room"> <div class="room">
% if room['name'] != "TOP": % if room['name'] != "TOP":
% if room['name'] != "TOP" and room['name'] != "Libre Gaming" and 'children' in room: % if room['name'].startswith('Libre Gaming'):
<details open><summary>
% elif room['name'] != "TOP" and room['name'] != "Libre Gaming" and 'children' in room:
<details><summary> <details><summary>
% endif % endif
<div class="info"> <div class="info">
@ -24,13 +26,15 @@
% 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'])}>
% else: % else:
<img class="avatar roomAvatar" src="./empty.png"> <div class="avatar roomAvatar"></div>
% endif % endif
% if 'room_id' in room: % if 'room_id' in room:
% if 'children' not in room: % if 'canonical_alias' in room:
<a href="https://matrix.to/#/${room['canonical_alias']}">
% elif 'children' not in room and room['world_readable']:
<a href="https://view.matrix.org/room/${room['room_id']}"> <a href="https://view.matrix.org/room/${room['room_id']}">
% endif % endif
@ -39,6 +43,10 @@
% endif % endif
</a> </a>
% if 'topic' in room:
<p class="topic"> ${room['topic']} </p>
% endif
% endif % endif
</div> </div>
% if room['name'] != "TOP" and room['name'] != "Libre Gaming" and 'children' in room: % if room['name'] != "TOP" and room['name'] != "Libre Gaming" and 'children' in room: