From 670b438ca55c3ab0001a14325b333984363d912a Mon Sep 17 00:00:00 2001 From: Penar Musaraj Date: Mon, 18 Jan 2021 15:11:23 -0500 Subject: [PATCH] UX: Use uniform style for tag counts (#11743) --- app/assets/stylesheets/common/base/tagging.scss | 2 -- .../common/select-kit/mini-tag-chooser.scss | 4 ---- .../common/select-kit/select-kit.scss | 3 +-- .../common/select-kit/tag-chooser.scss | 16 ++++++++-------- 4 files changed, 9 insertions(+), 16 deletions(-) diff --git a/app/assets/stylesheets/common/base/tagging.scss b/app/assets/stylesheets/common/base/tagging.scss index d81201c5132..9083ca2a940 100644 --- a/app/assets/stylesheets/common/base/tagging.scss +++ b/app/assets/stylesheets/common/base/tagging.scss @@ -63,8 +63,6 @@ .discourse-tag-count { font-size: $font-down-1; color: var(--primary-medium); - line-height: $line-height-small; - vertical-align: middle; } .discourse-tag { diff --git a/app/assets/stylesheets/common/select-kit/mini-tag-chooser.scss b/app/assets/stylesheets/common/select-kit/mini-tag-chooser.scss index e3085aeceb8..679708be2d8 100644 --- a/app/assets/stylesheets/common/select-kit/mini-tag-chooser.scss +++ b/app/assets/stylesheets/common/select-kit/mini-tag-chooser.scss @@ -46,10 +46,6 @@ &.is-highlighted.is-selected { background: var(--tertiary-low); } - - .discourse-tag-count { - margin-left: 0.5em; - } } .selected-tags { diff --git a/app/assets/stylesheets/common/select-kit/select-kit.scss b/app/assets/stylesheets/common/select-kit/select-kit.scss index 7cbc9c9d247..58edf94242d 100644 --- a/app/assets/stylesheets/common/select-kit/select-kit.scss +++ b/app/assets/stylesheets/common/select-kit/select-kit.scss @@ -171,8 +171,7 @@ .discourse-tag, .discourse-tag:visited, - .discourse-tag:hover, - .discourse-tag-count { + .discourse-tag:hover { color: var(--primary-high); } diff --git a/app/assets/stylesheets/common/select-kit/tag-chooser.scss b/app/assets/stylesheets/common/select-kit/tag-chooser.scss index cc51e23ef50..409fd3406ff 100644 --- a/app/assets/stylesheets/common/select-kit/tag-chooser.scss +++ b/app/assets/stylesheets/common/select-kit/tag-chooser.scss @@ -1,13 +1,13 @@ .select-kit { - &.multi-select { - &.tag-chooser { - .select-kit-row { - display: flex; - align-items: center; + &.tag-chooser, + &.mini-tag-chooser, + &.tag-drop { + .select-kit-row { + display: flex; + align-items: baseline; - .discourse-tag-count { - margin-left: 5px; - } + .discourse-tag-count { + margin-left: 5px; } } }