From 083ad9ee054dff4f4f22be4c260c6636ea95e4dd Mon Sep 17 00:00:00 2001 From: Tom Najdek Date: Thu, 8 Aug 2024 18:03:24 +0200 Subject: [PATCH] Fix missing margin between colored and emoji tags In the item tree, emojis are spaced 4px apart, but there was no space between the colored circles and the first emoji, making it look crowded. --- scss/components/_item-tree.scss | 21 +++++++++++---------- 1 file changed, 11 insertions(+), 10 deletions(-) diff --git a/scss/components/_item-tree.scss b/scss/components/_item-tree.scss index ed4fb1342a..0bc4d349dc 100644 --- a/scss/components/_item-tree.scss +++ b/scss/components/_item-tree.scss @@ -111,20 +111,21 @@ .icon-item-type + .colored-tag-swatches { margin-left: 4px; } + + .emoji + .emoji, + .emoji + .colored-tag-swatches, + .colored-tag-swatches + .emoji { + margin-left: 4px; + + :root:-moz-locale-dir(rtl) & { + margin-left: 0; + margin-right: 4px; + } + } .tag-swatch { display: inline-block; - &.emoji + .emoji, - &.emoji + .colored-tag-swatches { - margin-left: 4px; - - :root:-moz-locale-dir(rtl) & { - margin-left: 0; - margin-right: 4px; - } - } - &.colored { -moz-context-properties: fill, fill-opacity, stroke, stroke-opacity; width: 0.92307692em;