fix: modal picker selection tag background

The background of the selection changed, but the opacity is also applied to the tags. Changed selection tags to have no background opacity.
42BV · Aug 15, 2023 · a3d7886 · a3d7886
1 parent 042a68f
commit a3d7886
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/form/ModalPicker/multiple/ModalPickerMultiple.tsx b/src/form/ModalPicker/multiple/ModalPickerMultiple.tsx
@@ -342,7 +342,7 @@ export function ModalPickerMultiple<T>(props: Props<T>) {
   function renderModalCurrentSelection() {
     return (
       <Row className="mb-3 py-2 bg-dark bg-opacity-10">
-        <Col>
+        <Col className="bg-opacity-100">
           {selected && selected.length > 0 ? (
             selected.map((value) => {
               const label = labelForOption(value);

diff --git a/src/form/ModalPicker/multiple/__snapshots__/ModalPickerMultiple.test.tsx.snap b/src/form/ModalPicker/multiple/__snapshots__/ModalPickerMultiple.test.tsx.snap
@@ -103,7 +103,7 @@ exports[`Component: ModalPickerMultiple ui default: modal 1`] = `
                   class="mb-3 py-2 bg-dark bg-opacity-10 row"
                 >
                   <div
-                    class="col"
+                    class="bg-opacity-100 col"
                   >
                     <span
                       class="text-muted"