From 39b4395ff26a0543a0f909880207eb0459cc9d8a Mon Sep 17 00:00:00 2001
From: Sebastian Dawidziak <sebastian@tweetgeek.pl>
Date: Thu, 21 Nov 2024 10:00:48 +0100
Subject: [PATCH] increase drag container in RLI

---
 .../RichList/RichListItem/RichListItem.vue      | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/lib/js/components/RichList/RichListItem/RichListItem.vue b/lib/js/components/RichList/RichListItem/RichListItem.vue
index 33559271e..223f0b391 100644
--- a/lib/js/components/RichList/RichListItem/RichListItem.vue
+++ b/lib/js/components/RichList/RichListItem/RichListItem.vue
@@ -7,11 +7,14 @@
 			<div v-if="hasMedia && isHorizontal" class="ds-richListItem__mediaHorizontal">
 				<slot name="media" />
 			</div>
-			<div v-if="isDraggable && hasDraggableHandler" class="ds-richListItem__dragAndDrop">
+			<div
+				v-if="isDraggable && hasDraggableHandler"
+				class="ds-richListItem__dragAndDrop"
+				:class="{ [draggableIconClassName]: !!draggableIconClassName }"
+			>
 				<ds-icon
 					:icon="ICONS.FA_BARS"
 					class="ds-richListItem__dragAndDropIcon"
-					:class="{ [draggableIconClassName]: !!draggableIconClassName }"
 					:size="
 						size === RICH_LIST_ITEM_SIZE.SMALL
 							? ICON_SIZES.XX_SMALL
@@ -436,12 +439,16 @@ $rich-list-item-media-horizontal-height: 80px;
 		color: $color-neutral-icon-weak;
 	}
 
-	&__dragAndDropIcon {
-		color: $color-neutral-icon-weak;
+	&__dragAndDrop {
+		#{$root}__dragAndDropIcon {
+			color: $color-neutral-icon-weak;
+		}
 
 		&:hover {
-			color: $color-neutral-icon-weak-hovered;
 			cursor: grab;
+			#{$root}__dragAndDropIcon {
+				color: $color-neutral-icon-weak-hovered;
+			}
 		}
 
 		&:active {