Several post improvements

This commit is contained in:
2018-11-23 11:14:12 +09:00
parent 4c050e1ec1
commit 73ae8aa4f3
9 changed files with 43 additions and 28 deletions

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
justify-content flex-start
max-width comment-width
justify-content flex-start