Changed forum-tags to tabs
This commit is contained in:
parent
db94850ce2
commit
e6d18f2e1d
@ -17,6 +17,7 @@
|
||||
"input",
|
||||
"grid",
|
||||
"forum",
|
||||
"tabs",
|
||||
"user",
|
||||
"video",
|
||||
"loading",
|
||||
|
@ -1,5 +1,5 @@
|
||||
component ForumTags
|
||||
.buttons.forum-tags
|
||||
.buttons.tabs
|
||||
ForumTag("All", "", "list")
|
||||
ForumTag("General", "general", "list")
|
||||
ForumTag("News", "news", "list")
|
||||
@ -9,6 +9,6 @@ component ForumTags
|
||||
ForumTag("Bugs", "bug", "list")
|
||||
|
||||
component ForumTag(title string, category string, icon string)
|
||||
a.button.forum-tag.action(href=strings.TrimSuffix("/forum/" + category, "/"), data-action="diff", data-trigger="click")
|
||||
a.button.tab.action(href=strings.TrimSuffix("/forum/" + category, "/"), data-action="diff", data-trigger="click")
|
||||
Icon(arn.GetForumIcon(category))
|
||||
span.forum-tag-text= title
|
||||
span.tab-text= title
|
@ -6,29 +6,6 @@
|
||||
width 100%
|
||||
max-width forum-width
|
||||
|
||||
.forum-tag
|
||||
color text-color !important
|
||||
|
||||
:hover,
|
||||
&.active
|
||||
color white !important
|
||||
background-color forum-tag-hover-color !important
|
||||
|
||||
// color text-color !important
|
||||
// :hover
|
||||
// color white !important
|
||||
// &.active
|
||||
// color white !important
|
||||
// background-color link-hover-color
|
||||
|
||||
< 920px
|
||||
.forum-tag
|
||||
.icon
|
||||
margin-right 0
|
||||
|
||||
.forum-tag-text
|
||||
display none
|
||||
|
||||
> 1250px
|
||||
#new-thread
|
||||
position fixed
|
||||
|
@ -36,27 +36,27 @@ func Profile(ctx *aero.Context, viewUser *arn.User) string {
|
||||
}, func() {
|
||||
animeList = viewUser.AnimeList()
|
||||
}, func() {
|
||||
threads = viewUser.Threads()
|
||||
// threads = viewUser.Threads()
|
||||
|
||||
arn.SortThreadsLatestFirst(threads)
|
||||
// arn.SortThreadsLatestFirst(threads)
|
||||
|
||||
if len(threads) > maxPosts {
|
||||
threads = threads[:maxPosts]
|
||||
}
|
||||
// if len(threads) > maxPosts {
|
||||
// threads = threads[:maxPosts]
|
||||
// }
|
||||
}, func() {
|
||||
posts = viewUser.Posts()
|
||||
arn.SortPostsLatestFirst(posts)
|
||||
// posts = viewUser.Posts()
|
||||
// arn.SortPostsLatestFirst(posts)
|
||||
|
||||
if len(posts) > maxPosts {
|
||||
posts = posts[:maxPosts]
|
||||
}
|
||||
// if len(posts) > maxPosts {
|
||||
// posts = posts[:maxPosts]
|
||||
// }
|
||||
}, func() {
|
||||
tracks = viewUser.SoundTracks()
|
||||
arn.SortSoundTracksLatestFirst(tracks)
|
||||
// tracks = viewUser.SoundTracks()
|
||||
// arn.SortSoundTracksLatestFirst(tracks)
|
||||
|
||||
if len(tracks) > maxTracks {
|
||||
tracks = tracks[:maxTracks]
|
||||
}
|
||||
// if len(tracks) > maxTracks {
|
||||
// tracks = tracks[:maxTracks]
|
||||
// }
|
||||
})
|
||||
|
||||
return ctx.HTML(components.Profile(viewUser, user, animeList, threads, posts, tracks))
|
||||
|
@ -63,10 +63,6 @@
|
||||
.thread-link-title
|
||||
color text-color
|
||||
|
||||
.forum-tags
|
||||
// justify-content flex-start !important
|
||||
margin-bottom 1rem
|
||||
|
||||
.post-author
|
||||
horizontal
|
||||
justify-content center
|
||||
|
@ -83,7 +83,7 @@
|
||||
.extra-navigation
|
||||
display block
|
||||
|
||||
< 400px height
|
||||
< 380px height
|
||||
#navigation
|
||||
vertical
|
||||
height 100%
|
||||
|
26
styles/tabs.scarlet
Normal file
26
styles/tabs.scarlet
Normal file
@ -0,0 +1,26 @@
|
||||
.tab
|
||||
color text-color !important
|
||||
|
||||
:hover,
|
||||
&.active
|
||||
color white !important
|
||||
background-color forum-tag-hover-color !important
|
||||
|
||||
// color text-color !important
|
||||
// :hover
|
||||
// color white !important
|
||||
// &.active
|
||||
// color white !important
|
||||
// background-color link-hover-color
|
||||
|
||||
< 920px
|
||||
.tab
|
||||
.icon
|
||||
margin-right 0
|
||||
|
||||
.tab-text
|
||||
display none
|
||||
|
||||
.tabs
|
||||
// justify-content flex-start !important
|
||||
margin-bottom 1rem
|
Loading…
Reference in New Issue
Block a user