web/notify.moe
Code Issues Pull Requests Activity

Several post improvements

Browse Source
This commit is contained in:
Eduard Urbach 2018-11-23 11:14:12 +09:00
parent 4c050e1ec1
commit 73ae8aa4f3
9 changed files with 43 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
mixins/Comments.pixy
View File

@ -1,5 +1,4 @@
component Comments(parent arn.PostParent, user *arn.User)
.thread
.posts
if user != nil
if arn.IsLocked(parent)

2
pages/activity/activity.scarlet
View File

@ -1,7 +1,7 @@
.activities
vertical
width 100%
max-width forum-width
max-width activity-width
margin 0 auto
.activity

4
pages/anime/comments.scarlet
View File

@ -1,3 +1,5 @@
.anime-comments
[data-standalone-page="false"]
comments-left
[data-standalone-page="true"]
margin 0 auto

3
pages/forum/forum.scarlet
View File

@ -6,6 +6,9 @@
width 100%
max-width forum-width
.posts
max-width forum-post-width
> 1250px
.page-main-action
position fixed

4
pages/group/group.scarlet
View File

@ -1,11 +1,11 @@
.group-view
vertical
width 100%
max-width 540px
max-width group-post-width
margin 0 auto
.group-feed
flex 1
// ...
.group-avatar-container
display flex

5
pages/thread/thread.scarlet
View File

@ -1,11 +1,10 @@
.thread
horizontal
justify-content center
max-width forum-thread-width
margin 0 auto
.posts
vertical
width 100%
max-width forum-width
.post
vertical

11
styles/forum.scarlet
View File

@ -41,6 +41,9 @@ post-content-padding-y = 0.75rem
img
max-width 100%
max-height 450px
width 100%
object-fit cover
:hover
.post-toolbar
@ -78,7 +81,7 @@ post-content-padding-y = 0.75rem
horizontal
justify-content center
align-items flex-start
margin-right 0.5rem
margin-right post-avatar-text-margin
.new-post-actions
justify-content flex-end
@ -87,12 +90,18 @@ post-content-padding-y = 0.75rem
transform translateY(-50%)
transition all transition-speed ease
button
pointer-events none
.new-post-actions-enabled
opacity 1
height auto
margin-bottom 0.75rem
transform translateY(0)
button
pointer-events all
// Toolbar
.post-toolbar

7
styles/include/config.scarlet
View File

@ -64,8 +64,13 @@ sidebar-background = rgba(0, 0, 0, 0.03)
sidebar-opaque-background = ui-background
// Forum
forum-width = 830px
post-highlight-color = rgba(248, 165, 130, 0.7)
const forum-width = 830px
const forum-thread-width = forum-width
const comment-width = 560px
const activity-width = comment-width
const group-post-width = comment-width
const post-avatar-text-margin = 0.5rem
// Avatar
avatar-size = 50px

4
styles/mixins/comments.scarlet
View File

@ -1,6 +1,4 @@
mixin comments-left
margin-top 1rem
.thread
max-width 600px
max-width comment-width
justify-content flex-start