ayo/blog
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: avatar-block

Browse source
This commit is contained in:
Ayo 2023-05-31 23:51:44 +02:00
parent befb27a6a6
commit 07186c2325
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
assets/js/webmention-utils.mjs
View file

@ -76,6 +76,7 @@ function createAvatarBlock(mentions, headingText) {
clearDiv.style.clear = "both"; clearDiv.style.clear = "both";
const avatarBlock = document.createElement("div"); const avatarBlock = document.createElement("div");
avatarBlock.className = "avatar-block-wrapper";
avatarBlock.append(clearDiv); avatarBlock.append(clearDiv);
const heading = document.createElement("h3"); const heading = document.createElement("h3");

7
assets/main.scss
View file

@ -445,14 +445,17 @@ table.image caption {
text-align: center; text-align: center;
} }
margin: 2em 0; margin: 2em 0;
max-width: fit-content;
.avatar-block-wrapper {
width: 100%;
}
.avatar-block { .avatar-block {
display: inline-block; display: inline-block;
margin-bottom: 1.5em; margin-bottom: 1.5em;
margin-left: 15px; margin-left: 15px;
padding-left: 1.5em; padding-left: 1.5em;
max-width: fit-content; width: calc(100% - 1em);
border-left: 3px solid rgba(34, 34, 34, 0.15); border-left: 3px solid rgba(34, 34, 34, 0.15);
img { img {