From cc9d58e6bec58218e1fa4155fb4a9211cd036677 Mon Sep 17 00:00:00 2001 From: abaevbog Date: Thu, 30 Nov 2023 06:42:50 -0500 Subject: [PATCH] adjust spacing within tag selector 1. Decrease the gap after colored tags. 2. In compact mode, decrease the splitter height. --- .../content/zotero/components/tagSelector/tagSelectorList.jsx | 2 +- scss/components/_tags-splitter.scss | 3 +++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/chrome/content/zotero/components/tagSelector/tagSelectorList.jsx b/chrome/content/zotero/components/tagSelector/tagSelectorList.jsx index 4192c746a4..e9c205a2bd 100644 --- a/chrome/content/zotero/components/tagSelector/tagSelectorList.jsx +++ b/chrome/content/zotero/components/tagSelector/tagSelectorList.jsx @@ -105,7 +105,7 @@ class TagList extends React.PureComponent { var row = 0; let rowX = panePaddingLeft; - const separatorHeightCoefficient = 0.5; + const separatorHeightCoefficient = 0.25; let separatorHeight = Math.round(rowHeight * separatorHeightCoefficient); let shouldAddSeparator = false; let hasColoredTags = !!this.props.tags[0]?.color; diff --git a/scss/components/_tags-splitter.scss b/scss/components/_tags-splitter.scss index 7862d23045..e0df654ff7 100644 --- a/scss/components/_tags-splitter.scss +++ b/scss/components/_tags-splitter.scss @@ -1,4 +1,7 @@ #zotero-tags-splitter { -moz-appearance: none; border-top: var(--material-border-quarternary); + @include compact { + min-height: 5px; + } } \ No newline at end of file