diff options
| author | Eltrac <45323514+BigCoke233@users.noreply.github.com> | 2019-08-24 17:22:47 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-08-24 17:22:47 +0800 |
| commit | 71aaae6dcd4f99d3e017a42e260cbd4309251bec (patch) | |
| tree | 505ca39fc33a4ef21202f9c73fb4e2fb5816cd75 /assets/css/main | |
| parent | 465238a094412800c41eae5a4c8bbb05f04f9845 (diff) | |
Perf: 子评论左侧对齐
Diffstat (limited to 'assets/css/main')
| -rw-r--r-- | assets/css/main/comment.css | 22 | ||||
| -rw-r--r-- | assets/css/main/miracles.min.css | 12 |
2 files changed, 21 insertions, 13 deletions
diff --git a/assets/css/main/comment.css b/assets/css/main/comment.css index a4f0776..b1f44be 100644 --- a/assets/css/main/comment.css +++ b/assets/css/main/comment.css @@ -29,7 +29,11 @@ .comment-body {
margin: 28px 0;
padding: 0;
- position: relative
+ position: relative;
+}
+.comment-body-inner {
+ display: flex;
+ flex-wrap: nowrap;
}
.comment-main,
.comment-author-avatar {
@@ -67,6 +71,7 @@ }
.comment-meta {
font-size: 17px;
+ margin-left: 25px!important;
}
.comment-author {
font-size: 0.8em;
@@ -86,6 +91,7 @@ padding-top: -3px;
border-radius: 4px;
min-width: 10px!important;
+ margin-left: 25px;
}
.bubble.comment-content:before {
border-right-color: rgb(238,238,238);
@@ -96,16 +102,16 @@ -moz-box-shadow: 0 0 0 #fff;
-webkit-box-shadow: 0 0 0 #fff;
}
-.comment-by-author > .container-fluid > .row > .comment-main > .bubble.comment-content {
+.comment-by-author > .comment-main > .bubble.comment-content {
background: var(--theme-color)
}
-.comment-by-author > .container-fluid > .row > .comment-main > .bubble.comment-content p {
+.comment-by-author > .comment-main > .bubble.comment-content p {
color: #fff!important;
}
-.comment-by-author > .container-fluid > .row > .comment-main > .bubble.comment-content:before {
+.comment-by-author > .comment-main > .bubble.comment-content:before {
border-right-color: var(--theme-color)
}
-.comment-by-author > .container-fluid > .row > .comment-main > .bubble.comment-content > .comment-reply a {
+.comment-by-author > .row > .comment-main > .bubble.comment-content > .comment-reply a {
color:#fff!important;
}
.comment-reply a {
@@ -182,6 +188,12 @@ .comment-pagenav-icon {
margin: 0 -3px;
}
+.comment-children {
+ margin-left: 30px
+}
+.comment-children .comment-children {
+ margin-left: 0!important
+}
/* OwO */
.owo-img {
diff --git a/assets/css/main/miracles.min.css b/assets/css/main/miracles.min.css index ce71045..78f7537 100644 --- a/assets/css/main/miracles.min.css +++ b/assets/css/main/miracles.min.css @@ -180,6 +180,9 @@ .links-container {
padding: 10px;
}
+ .comment-children {
+ margin-left: 80px;
+ }
}
/* Desktop and up */
@media (min-width:992px) {
@@ -216,9 +219,6 @@ margin: 10px 80px
}
- .comment-children,.comment-children li,.comment-children li>li {
- margin: 5px -40px
- }
.post-title {
margin: 30px 0;
@@ -319,11 +319,7 @@ .index-content {
margin: 10px 100px
}
-
- .comment-children,.comment-children li,.comment-children li>li {
- margin: 15px -35px
- }
-
+
.post-title {
margin: 30px 0;
margin-bottom: 25px
|