Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Issue #3211907 by Sakthivel M, tushar_sachdeva: On Mobile screens, tags label and tags item are misaligned 

(cherry picked from commit 98e3b4cbd9)
merge-requests/577/head
Lauri Eskola 2021-06-29 14:26:34 +03:00
parent b47b91bfa1
commit 7fe1ab6e9a
No known key found for this signature in database
GPG Key ID: 382FC0F5B0DF53F8
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
core/themes/olivero/css/components/tags.css
View File

@ -29,13 +29,20 @@
color: #6e7172;
font-size: 0.875rem;
font-weight: 600;
line-height: 2
line-height: 1.6
}
.field--tags__label:after {
content: ":";
}
@media (min-width: 43.75rem) {
.field--tags__label {
line-height: 2
}
}
[dir="ltr"] .field--label-inline .field--tags__label {
padding-left: 0;
}

6
core/themes/olivero/css/components/tags.pcss.css
View File

@ -17,11 +17,15 @@
color: var(--color--gray-20);
font-size: var(--font-size-s);
font-weight: 600;
line-height: 2;
line-height: 1.6;
&:after {
content: ":";
}
@media (--md) {
line-height: 2;
}
}
.field--label-inline .field--tags__label {