Fixed: Displaying multiple values when adding custom filters

Closes #5810
8 months ago · 3a786d0b9d
parent 6fb127235c
commit 3a786d0b9d
2 changed files with 4 additions and 3 deletions
--- a/frontend/src/Components/Filter/Builder/FilterBuilderRowValueTag.css
+++ b/frontend/src/Components/Filter/Builder/FilterBuilderRowValueTag.css
@ -1,5 +1,5 @@
 .tag {
-  height: 21px;
+  display: flex;

  &.isLastTag {
    .or {
@ -18,4 +18,5 @@
 .or {
  margin: 0 3px;
  color: var(--themeDarkColor);
+  line-height: 31px;
 }
--- a/frontend/src/Components/Filter/Builder/FilterBuilderRowValueTag.js
+++ b/frontend/src/Components/Filter/Builder/FilterBuilderRowValueTag.js
@ -7,7 +7,7 @@ import styles from './FilterBuilderRowValueTag.css';

 function FilterBuilderRowValueTag(props) {
  return (
-    <span
+    <div
      className={styles.tag}
    >
      <TagInputTag
@ -22,7 +22,7 @@ function FilterBuilderRowValueTag(props) {
            {translate('Or')}
          </div>
      }
-    </span>
+    </div>
  );
 }