0ct0pu5/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Varia: Make sure long username not run into avatar

Browse source
This commit is contained in:
Takashi Irie 2019-10-23 11:24:45 +01:00
parent 389a04e014
commit 754b973abe
3 changed files with 40 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
varia/sass/components/comments/_comments.scss
View file

@ -86,10 +86,15 @@
}
.comment-author {
line-height: #{map-deep-get($config-global, "font", "line-height", "heading")};
margin-bottom: #{.25 * map-deep-get($config-global, "spacing", "unit")};
padding-right: #{2.5 * map-deep-get($config-global, "spacing", "horizontal")};
@include media(mobile) {
display: flex;
align-items: center;
margin-bottom: 0;
padding-right: 0;
}
.avatar {
@ -107,8 +112,12 @@
}
.comment-metadata {
color: #{map-deep-get($config-global, "color", "foreground", "default")};
padding-right: #{2.5 * map-deep-get($config-global, "spacing", "horizontal")};
@include media(mobile) {
padding-right: 0;
}
a {
color: currentColor;

15
varia/style-rtl.css
View file

@ -2969,10 +2969,18 @@ body:not(.fse-enabled) .footer-menu a {
}
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-left: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-left: 0;
}
}
@ -2993,6 +3001,13 @@ body:not(.fse-enabled) .footer-menu a {
.comment-meta .comment-metadata {
color: #444444;
padding-left: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-left: 0;
}
}
.comment-meta .comment-metadata a {

15
varia/style.css
View file

@ -2986,10 +2986,18 @@ body:not(.fse-enabled) .footer-menu a {
}
}
.comment-meta .comment-author {
line-height: 1.125;
margin-bottom: 4px;
padding-right: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-author {
display: flex;
align-items: center;
margin-bottom: 0;
padding-right: 0;
}
}
@ -3010,6 +3018,13 @@ body:not(.fse-enabled) .footer-menu a {
.comment-meta .comment-metadata {
color: #444444;
padding-right: 40px;
}
@media only screen and (min-width: 560px) {
.comment-meta .comment-metadata {
padding-right: 0;
}
}
.comment-meta .comment-metadata a {