Several post improvements

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

View File

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

View File

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

View File

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

View File

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

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

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

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

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

View File

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