diff --git a/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.css b/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.css index 55103c44..bf4e98a0 100644 --- a/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.css +++ b/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.css @@ -2,3 +2,7 @@ display: flex; gap: 2px; } + +.log-level-select-render-value-box-label { + background-color: initial !important; +} diff --git a/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.tsx b/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.tsx index a58bdb53..6d3f241c 100644 --- a/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.tsx +++ b/new-log-viewer/src/components/StatusBar/LogLevelSelect/index.tsx @@ -6,6 +6,7 @@ import React, { import {SelectValue} from "@mui/base/useSelect"; import { Box, + Chip, IconButton, MenuItem, Option, @@ -37,6 +38,12 @@ const LogLevelSelect = () => { const handleRenderValue = (selected: SelectValue, true>) => ( + + Log Level + {selected.map((selectedOption) => (