Added proper post highlight

This commit is contained in:
Eduard Urbach 2017-06-27 00:35:46 +02:00
parent 7c5d0bbcff
commit 81720d7198
4 changed files with 11 additions and 6 deletions

View File

@ -1,5 +1,5 @@
component Postable(post arn.Postable, highlightAuthorID string) component Postable(post arn.Postable, highlightAuthorID string)
.post.mountable(data-highlight=post.Author().ID == highlightAuthorID) .post.mountable(id=post.ID(), data-highlight=post.Author().ID == highlightAuthorID)
.post-author .post-author
Avatar(post.Author()) Avatar(post.Author())

View File

@ -15,7 +15,7 @@ component Dashboard(posts []*arn.Post, following []*arn.User)
h3.widget-title Forums h3.widget-title Forums
each post in posts each post in posts
a.widget-element.ajax(href=post.Thread().Link()) a.widget-element.ajax(href=post.Thread().Link() + "#" + post.ID)
.widget-element-text .widget-element-text
Icon(arn.GetForumIcon(post.Thread().Tags[0])) Icon(arn.GetForumIcon(post.Thread().Tags[0]))
span= post.Thread().Title span= post.Thread().Title

View File

@ -14,6 +14,10 @@
.post-author .post-author
margin-bottom 0.25rem margin-bottom 0.25rem
[data-highlight="true"]
.post-content
border 2px solid post-highlight-color
> 600px > 600px
.post .post
horizontal horizontal

View File

@ -1,10 +1,10 @@
// Colors // Colors
text-color = rgb(60, 60, 60) text-color = rgb(60, 60, 60)
main-color = rgb(215, 38, 15) main-color = rgb(248, 165, 130)
link-color = main-color link-color = rgb(215, 38, 15)
link-hover-color = rgb(242, 60, 30) link-hover-color = rgb(242, 60, 30)
link-active-color = link-hover-color link-active-color = link-hover-color
post-highlight-color = rgba(248, 165, 130, 0.7)
bg-color = rgb(246, 246, 246) bg-color = rgb(246, 246, 246)
// UI // UI
@ -27,6 +27,7 @@ forum-tag-hover-color = rgb(46, 85, 160)
// Forum // Forum
forum-width = 830px forum-width = 830px
post-highlight-color = rgba(248, 165, 130, 0.7)
// Avatar // Avatar
avatar-size = 50px avatar-size = 50px
@ -35,7 +36,7 @@ avatar-size = 50px
nav-color = text-color nav-color = text-color
nav-link-color = rgba(255, 255, 255, 0.5) nav-link-color = rgba(255, 255, 255, 0.5)
nav-link-hover-color = white nav-link-hover-color = white
nav-link-hover-slide-color = rgb(248, 165, 130) nav-link-hover-slide-color = main-color
// nav-color = rgb(245, 245, 245) // nav-color = rgb(245, 245, 245)
// nav-link-color = rgb(160, 160, 160) // nav-link-color = rgb(160, 160, 160)
// nav-link-hover-color = rgb(80, 80, 80) // nav-link-hover-color = rgb(80, 80, 80)