From 67269753e29aed333c5934d29ed66c011c73ab00 Mon Sep 17 00:00:00 2001
From: Sebastien Curt <sebastien.curt@tetras-libre.fr>
Date: Mon, 18 Jul 2022 11:58:02 +0200
Subject: [PATCH] Fix filter type selector display
---
capsule-prototype/css/mosaic.css | 14 ++++++++++++++
capsule-prototype/js/MosaicPanelWidget.js | 2 +-
2 files changed, 15 insertions(+), 1 deletion(-)
diff --git a/capsule-prototype/css/mosaic.css b/capsule-prototype/css/mosaic.css
index b4e6262..8a214fd 100644
--- a/capsule-prototype/css/mosaic.css
+++ b/capsule-prototype/css/mosaic.css
@@ -29,6 +29,20 @@
flex-wrap: wrap;
}
+.mosaic_filter_item_select {
+ min-width: min-content;
+ height: var(--filter-height);
+ margin: var(--base-spacing);
+ padding: var(--base-spacing);
+ border-radius: var(--border-radius);
+ display: flex;
+ flex-direction: row;
+ justify-content: left;
+ padding-left: var(--filter-bg-size);
+ align-items: center;
+ flex-grow: 1;
+}
+
.mosaic_filter_item, .mosaic_label_filter {
min-width: min-content;
height: var(--filter-height);
diff --git a/capsule-prototype/js/MosaicPanelWidget.js b/capsule-prototype/js/MosaicPanelWidget.js
index eabe842..8914bb1 100644
--- a/capsule-prototype/js/MosaicPanelWidget.js
+++ b/capsule-prototype/js/MosaicPanelWidget.js
@@ -97,7 +97,7 @@
let selectDiv = $('<div class="filter-type-selector">');
selectDiv.addClass("mosaic_filter");
- let outerDiv = $('<div class="mosaic_filter_item mosaic_filter_item_select" style="display: flex; flex-direction: row; justify-content:center; align-items: center; align-content: center; ">');
+ let outerDiv = $('<div class="mosaic_filter_item_select" style="display: flex; flex-direction: row; justify-content:center; align-items: center; align-content: center; ">');
let selectElement = $('<select>');
--
GitLab