fix(header): 修复移动端文本太长，导致用户信息被折叠的 BUG

规定移动端标题最长为两行，多余的使用... 来代替 close #64
2021-01-25 22:32:59 +08:00 · 2021-01-25 22:32:59 +08:00 · 7c4669d31f
parent 7e55c1d90a
commit 7c4669d31f
2 changed files with 7 additions and 2 deletions
--- a/styles/style.css
+++ b/styles/style.css
@ -945,7 +945,12 @@ a:active {
 	.pattern-center h1.cat-title,
 	.pattern-center h1.entry-title,
 	.single-center .single-header h1.entry-title {
-		font-size: 26px
+		font-size: 26px;
+		-webkit-line-clamp: 2;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
 	}

 	.single-center .single-header h1.entry-title {
--- a/styles/style.min.css
+++ b/styles/style.min.css