diff --git a/plugins/main/public/components/overview/vulnerabilities/common/components/vuls-evaluation-filter.scss b/plugins/main/public/components/overview/vulnerabilities/common/components/vuls-evaluation-filter.scss new file mode 100644 index 0000000000..98b4b7654d --- /dev/null +++ b/plugins/main/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; + } + } +} \ No newline at end of file diff --git a/plugins/main/public/components/overview/vulnerabilities/common/components/vuls-evaluation-filter.tsx b/plugins/main/public/components/overview/vulnerabilities/common/components/vuls-evaluation-filter.tsx index b72193fbe2..fc79a77c6a 100644 --- a/plugins/main/public/components/overview/vulnerabilities/common/components/vuls-evaluation-filter.tsx +++ b/plugins/main/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 (