1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-12-24 17:10:29 +00:00

Improve formatting of Contributors Section in Release Tiddler (#6788)

* improve contributors section in release tiddler

* comments implemented

Jeremy comments were implemented
This commit is contained in:
Mohammad Rahmani 2022-07-15 21:50:40 +04:30 committed by GitHub
parent fe1147c6fd
commit 2275255c2b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 27 additions and 13 deletions

View File

@ -175,7 +175,7 @@ $credit$
<ol class="doc-github-contributors">
<$list filter="[enlist<__usernames__>sort[]]" variable="username">
<li>
<a href={{{ [[https://github.com/]addsuffix<username>] }}} class="tc-tiddlylink-external" target="_blank" rel="noopener noreferrer"><img src={{{ [[https://github.com/]addsuffix<username>addsuffix[.png?size=24]] }}} width="24" height="24"/><span class="doc-github-contributor-username"> @<$text text=<<username>>/></span></a>
<a href={{{ [[https://github.com/]addsuffix<username>] }}} class="tc-tiddlylink-external" target="_blank" rel="noopener noreferrer"><img src={{{ [[https://github.com/]addsuffix<username>addsuffix[.png?size=64]] }}} width="64" height="64"/><span class="doc-github-contributor-username">@<$text text=<<username>>/></span></a>
</li>
</$list>
</ol>

View File

@ -252,19 +252,33 @@ a.doc-deprecated-version.tc-tiddlylink {
<<box-shadow "1px 1px 6px rgba(0, 0, 0, 0.6)">>
}
}
.doc-github-contributors {
list-style: none;
display: flex;
flex-wrap: wrap;
}
.doc-github-contributors a {
ol.doc-github-contributors li {
display: flex;
justify-content: center;
align-items: center;
flex-direction:column;
width:82px;
height:82px;
margin:3px 3px 10px 3px;
text-decoration:none;
font-size: 14px;
line-height: 18px;
vertical-align: baseline;
}
.doc-github-contributors a img {
border-radius: 50%;
background:#eee;
}
.doc-github-contributor-username {
display:inline-block;
font-size:12px;
font-weight:500;
text-align:center;
width:75px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.doc-github-contributors a img,
.doc-github-contributors a .doc-github-contributor-username {
vertical-align: middle;
}