|
@@ -2963,12 +2963,6 @@ body:not(.fse-enabled) .footer-menu a {
|
|
margin-left: calc( $avatar-size + (0.5 * 16px));
|
|
margin-left: calc( $avatar-size + (0.5 * 16px));
|
|
}
|
|
}
|
|
|
|
|
|
-@media only screen and (min-width: 560px) {
|
|
|
|
- .comment-meta {
|
|
|
|
- margin-left: inherit;
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
.comment-meta .comment-author {
|
|
.comment-meta .comment-author {
|
|
max-width: calc(100% - 48px);
|
|
max-width: calc(100% - 48px);
|
|
}
|
|
}
|
|
@@ -2979,28 +2973,12 @@ body:not(.fse-enabled) .footer-menu a {
|
|
hyphens: auto;
|
|
hyphens: auto;
|
|
}
|
|
}
|
|
|
|
|
|
-@media only screen and (min-width: 560px) {
|
|
|
|
- .comment-meta .comment-author {
|
|
|
|
- display: flex;
|
|
|
|
- align-items: center;
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
.comment-meta .comment-author .avatar {
|
|
.comment-meta .comment-author .avatar {
|
|
display: block;
|
|
display: block;
|
|
position: absolute;
|
|
position: absolute;
|
|
left: 0;
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
|
|
-@media only screen and (min-width: 560px) {
|
|
|
|
- .comment-meta .comment-author .avatar {
|
|
|
|
- margin-left: 16px;
|
|
|
|
- display: inherit;
|
|
|
|
- position: inherit;
|
|
|
|
- left: inherit;
|
|
|
|
- }
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
.comment-meta .comment-metadata {
|
|
.comment-meta .comment-metadata {
|
|
color: #444444;
|
|
color: #444444;
|
|
}
|
|
}
|
|
@@ -3015,17 +2993,26 @@ body:not(.fse-enabled) .footer-menu a {
|
|
|
|
|
|
@media only screen and (min-width: 560px) {
|
|
@media only screen and (min-width: 560px) {
|
|
.comment-meta {
|
|
.comment-meta {
|
|
|
|
+ margin-left: inherit;
|
|
align-items: center;
|
|
align-items: center;
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
.comment-meta .comment-author {
|
|
.comment-meta .comment-author {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
max-width: inherit;
|
|
max-width: inherit;
|
|
flex: 0 1 auto;
|
|
flex: 0 1 auto;
|
|
}
|
|
}
|
|
.comment-meta .comment-author .fn {
|
|
.comment-meta .comment-author .fn {
|
|
padding-left: 16px;
|
|
padding-left: 16px;
|
|
}
|
|
}
|
|
|
|
+ .comment-meta .comment-author .avatar {
|
|
|
|
+ margin-left: 16px;
|
|
|
|
+ display: inherit;
|
|
|
|
+ position: inherit;
|
|
|
|
+ left: inherit;
|
|
|
|
+ }
|
|
.comment-meta .comment-metadata {
|
|
.comment-meta .comment-metadata {
|
|
flex: 0 1 auto;
|
|
flex: 0 1 auto;
|
|
}
|
|
}
|