1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-12-25 01:20:30 +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"> <ol class="doc-github-contributors">
<$list filter="[enlist<__usernames__>sort[]]" variable="username"> <$list filter="[enlist<__usernames__>sort[]]" variable="username">
<li> <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> </li>
</$list> </$list>
</ol> </ol>

View File

@ -252,19 +252,33 @@ a.doc-deprecated-version.tc-tiddlylink {
<<box-shadow "1px 1px 6px rgba(0, 0, 0, 0.6)">> <<box-shadow "1px 1px 6px rgba(0, 0, 0, 0.6)">>
} }
} }
.doc-github-contributors { .doc-github-contributors {
list-style: none; list-style: none;
display: flex;
flex-wrap: wrap;
} }
ol.doc-github-contributors li {
.doc-github-contributors a { display: flex;
justify-content: center;
align-items: center;
flex-direction:column;
width:82px;
height:82px;
margin:3px 3px 10px 3px;
text-decoration:none; text-decoration:none;
font-size: 14px; }
line-height: 18px; .doc-github-contributors a img {
vertical-align: baseline; 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;
}