From b7054c572c870eb51824a340edd4938deaf6c787 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Cintia=20S=C3=A1nchez=20Garc=C3=ADa?= Date: Tue, 28 May 2024 16:59:26 +0200 Subject: [PATCH] Fix filters dropdown styles (#613) Signed-off-by: Cintia Sanchez Garcia --- web/package.json | 2 +- web/src/layout/search/FiltersInLine.module.css | 8 +++++++- web/yarn.lock | 6 +++--- 3 files changed, 11 insertions(+), 5 deletions(-) diff --git a/web/package.json b/web/package.json index ace9d38..aa221f6 100644 --- a/web/package.json +++ b/web/package.json @@ -6,7 +6,7 @@ "type": "module", "dependencies": { "classnames": "^2.5.1", - "clo-ui": "https://github.com/cncf/clo-ui.git#v0.3.0", + "clo-ui": "https://github.com/cncf/clo-ui.git#v0.3.1", "lodash": "^4.17.21", "moment": "^2.30.1", "react": "^18.3.1", diff --git a/web/src/layout/search/FiltersInLine.module.css b/web/src/layout/search/FiltersInLine.module.css index 315a3f3..93880b2 100644 --- a/web/src/layout/search/FiltersInLine.module.css +++ b/web/src/layout/search/FiltersInLine.module.css @@ -83,7 +83,8 @@ } .searchBar { - width: 94% !important; + margin: 0 0.25rem !important; + width: calc(100% - 1rem) !important; } @media only screen and (min-width: 1200px) { @@ -95,6 +96,11 @@ /* Min-width for all dropdowns in all breakpoints */ min-width: 165px !important; } + + .searchBar { + margin: 0 !important; + width: calc(100% - 1rem) !important; + } } @media only screen and (min-width: 1400px) { diff --git a/web/yarn.lock b/web/yarn.lock index 19b06a8..8dd83fa 100644 --- a/web/yarn.lock +++ b/web/yarn.lock @@ -3420,9 +3420,9 @@ cliui@^7.0.2: strip-ansi "^6.0.0" wrap-ansi "^7.0.0" -"clo-ui@https://github.com/cncf/clo-ui.git#v0.3.0": - version "0.3.0" - resolved "https://github.com/cncf/clo-ui.git#cb97af364d55d2c2433f3851246ddc36bd1f181d" +"clo-ui@https://github.com/cncf/clo-ui.git#v0.3.1": + version "0.3.1" + resolved "https://github.com/cncf/clo-ui.git#430299492abc3b19e9b07fbfb5ed66e2a141f269" dependencies: bootstrap "^5.3.3" classnames "^2.5.1"