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

View File

@ -16,7 +16,7 @@
{{end}} {{end}}
</span> </span>
<span class="forum_right shift_right"> <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> <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> <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}} {{if .LastTopicTime}}<br><span class="rowsmall"title="{{abstime .LastTopic.LastReplyAt}}">{{.LastTopicTime}}</span>{{end}}

View File

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