a
/
gosora
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

linkify avatars on the forum list 

nox: dim linkified avatars on hover
nox: tweak filter_selected text color
This commit is contained in:
Azareal 2020-08-10 17:10:44 +10:00
parent e9819389af
commit 5de1f66973
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
templates/forums.html
View File

@ -16,7 +16,7 @@
{{end}}
</span>
<span class="forum_right shift_right">
{{if .LastReplyer.MicroAvatar}}<img class="extra_little_row_avatar"src="{{.LastReplyer.MicroAvatar}}"height=64 width=64 alt="Avatar"title="{{.LastReplyer.Name}}'s Avatar"aria-hidden="true">{{end}}
{{if .LastReplyer.MicroAvatar}}<a href="{{.LastReplyer.Link}}"><img class="extra_little_row_avatar"src="{{.LastReplyer.MicroAvatar}}"height=64 width=64 alt="Avatar"title="{{.LastReplyer.Name}}'s Avatar"aria-hidden="true"></a>{{end}}
<span>
<a {{if .LastTopic.Link}}class="forum_poster"href="{{.LastTopic.Link}}"{{else}}class="forum_no_poster"{{end}}>{{if .LastTopic.Title}}{{.LastTopic.Title}}{{else}}{{lang "forums_none"}}{{end}}</a>
{{if .LastTopicTime}}<br><span class="rowsmall"title="{{abstime .LastTopic.LastReplyAt}}">{{.LastTopicTime}}</span>{{end}}

12
themes/nox/public/main.css
View File

@ -166,6 +166,9 @@ li a {
padding-bottom: 10px;
border: 1px solid #444444;
}
a img:hover {
filter: brightness(92%);
}
.user_box img {
display: block;
width: 36px;
@ -291,6 +294,9 @@ h1, h2, h3, h4, h5 {
.filter_selected {
background-color: #555555 !important;
}
.filter_selected a {
color: #CCCCCC;
}
/* new end */
@keyframes fadein {
@ -571,6 +577,9 @@ h2 {
width: 38px;
margin-right: 10px;
}
.topic_left img:hover, .topic_right img:hover {
filter: brightness(95%);
}
.topic_inner_left {
display: flex;
flex-direction: column;
@ -757,6 +766,9 @@ button, .formbutton, .panel_right_button:not(.has_inner_button) {
height: 36px;
width: 36px;
}
.extra_little_row_avatar:hover {
filter: brightness(92%);
}
.colstack, .topic_item {
display: flex;