mirror/kirche-im-netz.Startodon-Hub
1
0
Fork 1
mirror of https://codeberg.org/kirche-im-netz/Startodon-Hub.git synced 2025-07-14 11:25:10 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Postwall - Avatar-Header Formatierung

Browse source
This commit is contained in:
Alexander Müller 2025-01-01 21:43:05 +01:00
parent 7f1a84656b
commit 611c65c40b
2 changed files with 20 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/postwall.js
View file

@ -89,7 +89,7 @@ export async function loadPostwall() {
<div class="post-header"> <div class="post-header">
<img src="${avatar}" alt="${author}" class="avatar"> <img src="${avatar}" alt="${author}" class="avatar">
<div class="post-author"> <div class="post-author">
<strong>${author}</strong> <span class="post-authorname">${author}</span>
<span class="post-username">${username}</span> <span class="post-username">${username}</span>
</div> </div>
<span class="post-timestamp">${timeAgo}</span> <span class="post-timestamp">${timeAgo}</span>

27
style/postwall.css
View file

@ -56,8 +56,8 @@
.post-timestamp { .post-timestamp {
position: absolute; position: absolute;
top: 5px; top: 0;
right: 5px; right: 0;
font-size: 0.8rem; font-size: 0.8rem;
color: #bbb; color: #bbb;
font-weight: bold; font-weight: bold;
@ -69,9 +69,24 @@
flex-direction: column; flex-direction: column;
} }
.post-authorname {
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
display: block;
}
.post-username { .post-username {
font-size: 0.8em; font-size: 0.8em;
color: #bbb; color: #bbb;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
display: block;
line-height: 1.2;
} }
.avatar { .avatar {
@ -171,12 +186,8 @@
flex: 0 0 300px; flex: 0 0 300px;
max-height: 350px; max-height: 350px;
} }
.post-header .avatar { .post-authorname {
width: 30px; max-width: 170px;
height: 30px;
}
.post-username {
font-size: 0.8em;
} }
.post-media img { .post-media img {
max-height: 120px; max-height: 120px;