diff --git a/CHANGELOG.md b/CHANGELOG.md index 62d68df727..46bd00551a 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -33,6 +33,7 @@ All notable changes to the Wazuh app project will be documented in this file. - Fixed security policy exception when it contained deprecated actions [#7042](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7042) - Fixed export formatted csv data with special characters from tables [#7048](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7048) - Fixed column reordering feature [#7072](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7072) +- Fixed filter management to prevent hiding when adding multiple filters [#7077](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7077) ### Removed diff --git a/plugins/main/public/components/common/modules/module.scss b/plugins/main/public/components/common/modules/module.scss index fd906406cd..8182b3d601 100644 --- a/plugins/main/public/components/common/modules/module.scss +++ b/plugins/main/public/components/common/modules/module.scss @@ -106,10 +106,6 @@ discover-app-w .sidebar-container { margin-top: -160px; } - .wz-module-header-nav { - padding-bottom: 16px; - } - .wz-module-body-agent-info > .euiFlexGroup > .euiFlexItem { max-width: unset !important; } diff --git a/plugins/main/public/components/common/search-bar/search-bar.scss b/plugins/main/public/components/common/search-bar/search-bar.scss index f45d922c38..badec25a41 100644 --- a/plugins/main/public/components/common/search-bar/search-bar.scss +++ b/plugins/main/public/components/common/search-bar/search-bar.scss @@ -1,8 +1,8 @@ -.wz-search-bar-no-padding .globalQueryBar:not(:empty) { - padding: 0px !important; -} - .wz-search-bar { + &.no-padding .globalQueryBar:not(:empty) { + padding: 0px !important; + } + > .euiFlexGroup { &:first-child { #GlobalFilterGroup { @@ -10,4 +10,62 @@ } } } + + &-query { + .osdQueryBar--withDatePicker { + align-items: flex-end; + + > :first-child { + margin-top: 8px; + margin-bottom: 4px !important; + + @media only screen and (max-width: 574px) { + margin-top: -8px; + } + } + } + } + + @media only screen and (min-width: 575px) and (max-width: 767px) { + .globalFilterGroup__filterBar { + margin-top: 4px; + } + + .globalFilterGroup__wrapper-isVisible { + margin-top: 0; + } + + .euiFlexGroup--responsive > .euiFlexItem { + margin-bottom: 0 !important; + } + } + + @media only screen and (max-width: 767px) { + .euiFlexGroup--responsive { + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + margin-left: 0; + margin-right: 0; + margin-bottom: 1px; + } + } + + @media only screen and (max-width: 574px) { + .globalFilterGroup__wrapper-isVisible { + margin-top: -6px; + } + + .euiFlexGroup--responsive { + margin-bottom: -3px; + } + + > .euiFlexGroup.euiFlexGroup--gutterSmall.euiFlexGroup--directionRow.euiFlexGroup--responsive + > .euiFlexItem.euiFlexItem--flexGrowZero { + margin-bottom: 6px !important; + } + + .osdQueryBar--withDatePicker > :first-child { + margin-top: -8px; + } + } } diff --git a/plugins/main/public/components/common/search-bar/search-bar.tsx b/plugins/main/public/components/common/search-bar/search-bar.tsx index c6cc9a4bf9..e12a317b76 100644 --- a/plugins/main/public/components/common/search-bar/search-bar.tsx +++ b/plugins/main/public/components/common/search-bar/search-bar.tsx @@ -35,7 +35,7 @@ export const WzSearchBar = ({ return ( {showQuery ? ( ) : null} {showFilters ? ( - + {hideFixedFilters ? null : ( .euiFlexItem { - margin-bottom: 0 !important; - } - } - - @media only screen and (min-width: 575px) and (max-width: 767px) { - .globalFilterGroup__wrapper-isVisible { - .euiFlexItem.euiFlexItem--flexGrowZero { - margin-bottom: 0px; - } - } - } - - @media only screen and (min-width: 575px) and (max-width: 767px) { - .euiFlexGroup--responsive { - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - margin-left: 0; - margin-right: 0; - margin-bottom: 6px; - margin-top: 10px; - } - } -}