Add style to button group in filter

wazuh · Sep 26, 2024 · 8b4d854 · 8b4d854
1 parent 5774eb7
commit 8b4d854
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/.../public/components/overview/vulnerabilities/common/components/vuls-evaluation-filter.scss b/.../public/components/overview/vulnerabilities/common/components/vuls-evaluation-filter.scss
@@ -0,0 +1,21 @@
+.button-group-filter {
+ border-radius: 2px;
+
+ .euiButton__content,
+ .euiButton__text {
+ font-size: 12px;
+ font-weight: 500;
+ }
+
+
+ .euiButtonGroup__buttons {
+ height: 30px;
+ border-radius: 2px;
+ box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 3px 2px -2px rgba(0, 0, 0, 0.2), inset 0 0 0 1px #424752 !important;
+ border: none !important;
+
+ .euiButtonGroupButton {
+ line-height: 28px;
+ }
+ }
+}
diff --git a/...n/public/components/overview/vulnerabilities/common/components/vuls-evaluation-filter.tsx b/...n/public/components/overview/vulnerabilities/common/components/vuls-evaluation-filter.tsx
@@ -2,6 +2,7 @@ import React, { useState, useEffect } from "react";
 import { EuiButtonGroup } from "@elastic/eui"
 import { FILTER_OPERATOR, PatternDataSourceFilterManager } from "../../../../common/data-source";
 import { Filter } from "../../../../../../../../src/plugins/data/common";
+import "./vuls-evaluation-filter.scss";
 
 type VulsEvaluatedFilterProps = {
  setValue: (underEvaluation: boolean | null) => void;
@@ -80,6 +81,7 @@ const VulsEvaluationFilter = ({ setValue, value }: VulsEvaluatedFilterProps) =>
 
  return (
  <EuiButtonGroup
+ className="button-group-filter"
  type="multi"
  idToSelectedMap={toggleIdToSelectedMap}
  options={toggleButtons}