Merge pull request #658 from danskernesdigitalebibliotek/fix/DDFLSBP-…

…601-avanceret-sogning-dropdowns-benytter-forkerte-sogekoder Update the Multiselect component [DDFLSBP-601]
danskernesdigitalebibliotek · Jun 18, 2024 · f20ae31 · f20ae31
2 parents 6bb3acd + b41e529
commit f20ae31
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/stories/Library/multiselect/Multiselect.tsx b/src/stories/Library/multiselect/Multiselect.tsx
@@ -18,12 +18,14 @@ export const Multiselect: React.FC<MultiselectProps> = ({
         <div className="multiselect__caption">Caption for multiselect</div>
       )}
       <div className="multiselect">
-        <div className="multiselect__selected">
-          Mulighed 1, Mulighed 2, Mulighed 3, Mulighed 4
-        </div>
-        <div className="multiselect__opener">
-          <ExpandMoreIcon className="multiselect__icon" />
-        </div>
+        <button type="button" className="multiselect">
+          <div className="multiselect__selected">
+            Mulighed 1, Mulighed 2, Mulighed 3, Mulighed 4
+          </div>
+          <div className="multiselect__opener">
+            <ExpandMoreIcon className="multiselect__icon" />
+          </div>
+        </button>
         {isOpen && (
           <ul className="multiselect__options">
             {options.map((item, index) => (

diff --git a/src/stories/Library/multiselect/multiselect.scss b/src/stories/Library/multiselect/multiselect.scss
@@ -7,6 +7,7 @@
   align-items: center;
   flex-direction: row;
   border: 1px solid $color__global-tertiary-1;
+  color: $color__global-grey;
 
   &__selected {
     @include typography($typo__button);