Several post improvements

mixins/Comments.pixy

@@ -1,15 +1,14 @@
 component Comments(parent arn.PostParent, user *arn.User)
-	.thread
+	.posts
-		.posts
+		if user != nil
-			if user != nil
+			if arn.IsLocked(parent)
-				if arn.IsLocked(parent)
+				footer.footer.mountable
-					footer.footer.mountable
+					p.text-center= "This " + strings.ToLower(reflect.TypeOf(parent).Elem().Name()) + " is locked."
-						p.text-center= "This " + strings.ToLower(reflect.TypeOf(parent).Elem().Name()) + " is locked."
+			else if parent.TypeName() != "Group" || parent.(*arn.Group).FindMember(user.ID) != nil
-				else if parent.TypeName() != "Group" || parent.(*arn.Group).FindMember(user.ID) != nil
+				NewPostArea(parent, user, "Comment")
-					NewPostArea(parent, user, "Comment")
 		
-			//- if parent.CountPosts() == 0
+		//- if parent.CountPosts() == 0
-			//- 	p.no-data.mountable No comments have been written yet.
+		//- 	p.no-data.mountable No comments have been written yet.
-			//- else
+		//- else
-			each post in parent.PostsRelevantFirst(5)
+		each post in parent.PostsRelevantFirst(5)
-				Postable(post, user, true, "", "")
+			Postable(post, user, true, "", "")

pages/activity/activity.scarlet

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

pages/anime/comments.scarlet

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

pages/forum/forum.scarlet

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

pages/group/group.scarlet

@@ -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

pages/thread/thread.scarlet

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

styles/forum.scarlet

@@ -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

styles/include/config.scarlet

@@ -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

styles/mixins/comments.scarlet

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