From 98e3b4cbd9ed1177a68f308500d85a96050dbe5d Mon Sep 17 00:00:00 2001
From: Lauri Eskola <lauri.eskola@acquia.com>
Date: Tue, 29 Jun 2021 14:26:34 +0300
Subject: [PATCH] Issue #3211907 by Sakthivel M, tushar_sachdeva: On Mobile
screens, tags label and tags item are misaligned
---
core/themes/olivero/css/components/tags.css | 9 ++++++++-
core/themes/olivero/css/components/tags.pcss.css | 6 +++++-
2 files changed, 13 insertions(+), 2 deletions(-)
diff --git a/core/themes/olivero/css/components/tags.css b/core/themes/olivero/css/components/tags.css
index 8e25496f234e..8920ed2d43a5 100644
--- a/core/themes/olivero/css/components/tags.css
+++ b/core/themes/olivero/css/components/tags.css
@@ -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;
}
diff --git a/core/themes/olivero/css/components/tags.pcss.css b/core/themes/olivero/css/components/tags.pcss.css
index 233dff936663..2017acb2bf3d 100644
--- a/core/themes/olivero/css/components/tags.pcss.css
+++ b/core/themes/olivero/css/components/tags.pcss.css
@@ -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 {
--
GitLab