From 7da44f291fc79879e93bc7674f22808b6253da05 Mon Sep 17 00:00:00 2001
From: pKallert <91674611+pKallert@users.noreply.github.com>
Date: Wed, 3 Jan 2024 08:47:23 +0100
Subject: [PATCH] Feature: Make Link full width of line

---
 .../selectBox_Option_SingleLine.js                   | 12 +++++++++++-
 .../src/SelectBox_Option_SingleLine/style.module.css |  6 ++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/packages/react-ui-components/src/SelectBox_Option_SingleLine/selectBox_Option_SingleLine.js b/packages/react-ui-components/src/SelectBox_Option_SingleLine/selectBox_Option_SingleLine.js
index 6578736c6b..b38c1b18da 100644
--- a/packages/react-ui-components/src/SelectBox_Option_SingleLine/selectBox_Option_SingleLine.js
+++ b/packages/react-ui-components/src/SelectBox_Option_SingleLine/selectBox_Option_SingleLine.js
@@ -18,6 +18,8 @@ class SelectBox_Option_SingleLine extends PureComponent {
 
         className: PropTypes.string,
 
+        icon: PropTypes.string,
+
         linkOptions: PropTypes.shape({
             href: PropTypes.string.isRequired,
             target: PropTypes.string,
@@ -35,6 +37,14 @@ class SelectBox_Option_SingleLine extends PureComponent {
             [className]: className,
             [style.linkedItem]: linkOptions
         });
+        const linkClassname = mergeClassNames({
+            [style.dropdownLink]: true,
+            [style.hasIcon]: (option.icon || icon ? true: false)
+        });
+        if(option.icon){
+            console.log(linkClassname)
+            console.log(option.icon);
+        }
         const previewElementIcon = option.icon ? option.icon : (icon ? icon : null);
 
         return (
@@ -42,7 +52,7 @@ class SelectBox_Option_SingleLine extends PureComponent {
                 {linkOptions ? (
                     <a
                         {...linkOptions}
-                        className={style.dropdownLink}
+                        className={linkClassname}
                         title={option.title ? option.title : option.label}>{option.label}</a>
                 ) : (
                     <span title={option.title ? option.title : option.label}>{option.label}</span>
diff --git a/packages/react-ui-components/src/SelectBox_Option_SingleLine/style.module.css b/packages/react-ui-components/src/SelectBox_Option_SingleLine/style.module.css
index 700add1428..a7467ca1b0 100644
--- a/packages/react-ui-components/src/SelectBox_Option_SingleLine/style.module.css
+++ b/packages/react-ui-components/src/SelectBox_Option_SingleLine/style.module.css
@@ -2,6 +2,12 @@
     color: white;
     padding: 5px 14px;
     display: inline-block;
+    width: 100%;
+
+}
+.hasIcon {
+    width: calc(100% - 2em);
+    padding: 5px 0px;
 }
 .linkedItem{
     padding: 0px !important;