From 76e28929493a66d5cfe4595136c82da9af73c55f Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Fri, 10 Feb 2017 00:40:34 +0900
Subject: [PATCH] =?UTF-8?q?=E3=81=84=E3=81=84=E6=84=9F=E3=81=98=E3=81=AB?=
 =?UTF-8?q?=E3=82=84=E3=81=A3=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/common/text/elements/code.js              | 10 +++
 src/web/app/base.styl                         | 66 ++++++++++---------
 .../app/desktop/tags/timeline-post-sub.tag    |  6 +-
 src/web/app/desktop/tags/timeline-post.tag    |  1 -
 src/web/app/mobile/tags/timeline-post-sub.tag |  4 ++
 src/web/app/mobile/tags/timeline-post.tag     |  1 -
 6 files changed, 53 insertions(+), 35 deletions(-)

diff --git a/src/common/text/elements/code.js b/src/common/text/elements/code.js
index d62801e27..4d6a6bbb8 100644
--- a/src/common/text/elements/code.js
+++ b/src/common/text/elements/code.js
@@ -188,6 +188,16 @@ const elements = [
 		};
 	},
 
+	// label
+	code => {
+		if (code[0] != '@') return null;
+		const label = code.match(/^@([a-zA-Z_-]+?)\n/)[0];
+		return {
+			html: `<span class="label">${label}</span>`,
+			next: label.length
+		};
+	},
+
 	// extract vars
 	(code, i, source, vars) => {
 		const prev = source[i - 1];
diff --git a/src/web/app/base.styl b/src/web/app/base.styl
index 3b375c2b3..e753a78d5 100644
--- a/src/web/app/base.styl
+++ b/src/web/app/base.styl
@@ -107,46 +107,52 @@ a
 	*
 		cursor pointer
 
-pre > code
-	font-family Consolas, 'Courier New', Courier, Monaco, monospace
-	tab-size 2
+pre
+	overflow auto
 
-	.comment
-		opacity 0.5
+	> code
+		font-family Consolas, 'Courier New', Courier, Monaco, monospace
+		tab-size 2
 
-	.string
-		color #e96900
+		.comment
+			opacity 0.5
 
-	.regexp
-		color #e9003f
+		.string
+			color #e96900
 
-	.keyword
-		color #2973b7
+		.regexp
+			color #e9003f
 
-		&.true
-		&.false
-		&.null
-		&.nil
-		&.undefined
+		.keyword
+			color #2973b7
+
+			&.true
+			&.false
+			&.null
+			&.nil
+			&.undefined
+				color #ae81ff
+
+		.symbol
+			color #42b983
+
+		.number
 			color #ae81ff
 
-	.symbol
-		color #42b983
+		.var:not(.keyword)
+			font-weight bold
+			font-style italic
+			//text-decoration underline
 
-	.number
-		color #ae81ff
+		.method
+			font-style italic
+			color #8964c1
 
-	.var:not(.keyword)
-		font-weight bold
-		font-style italic
-		//text-decoration underline
+		.property
+			color #a71d5d
 
-	.method
-		font-style italic
-		color #8964c1
-
-	.property
-		color #a71d5d
+		.label
+			color #e9003f
 
 mk-locker
 	display block
diff --git a/src/web/app/desktop/tags/timeline-post-sub.tag b/src/web/app/desktop/tags/timeline-post-sub.tag
index 2b1262639..c4907fa9a 100644
--- a/src/web/app/desktop/tags/timeline-post-sub.tag
+++ b/src/web/app/desktop/tags/timeline-post-sub.tag
@@ -91,9 +91,9 @@
 							font-size 1.1em
 							color #717171
 
-			
-
-			
+							pre
+								max-height 120px
+								font-size 80%
 
 	</style>
 </mk-timeline-post-sub>
diff --git a/src/web/app/desktop/tags/timeline-post.tag b/src/web/app/desktop/tags/timeline-post.tag
index be772097e..7d1516b68 100644
--- a/src/web/app/desktop/tags/timeline-post.tag
+++ b/src/web/app/desktop/tags/timeline-post.tag
@@ -233,7 +233,6 @@
 
 							pre
 								padding 16px
-								overflow auto
 								font-size 80%
 								color #525252
 								background #f8f8f8
diff --git a/src/web/app/mobile/tags/timeline-post-sub.tag b/src/web/app/mobile/tags/timeline-post-sub.tag
index edfeb4e7e..563f896b7 100644
--- a/src/web/app/mobile/tags/timeline-post-sub.tag
+++ b/src/web/app/mobile/tags/timeline-post-sub.tag
@@ -91,6 +91,10 @@
 							font-size 1.1em
 							color #717171
 
+							pre
+								max-height 120px
+								font-size 80%
+
 	</style>
 	<script>@post = @opts.post</script>
 </mk-timeline-post-sub>
diff --git a/src/web/app/mobile/tags/timeline-post.tag b/src/web/app/mobile/tags/timeline-post.tag
index 006136b2e..7370c9d03 100644
--- a/src/web/app/mobile/tags/timeline-post.tag
+++ b/src/web/app/mobile/tags/timeline-post.tag
@@ -212,7 +212,6 @@
 
 							pre
 								padding 16px
-								overflow auto
 								font-size 80%
 								color #525252
 								background #f8f8f8