Merge pull request #440 from bethinkpl/IT-6068-rli_drag_container_fix

increase drag container in RLI
bethinkpl · Nov 22, 2024 · beed2b6 · beed2b6
2 parents 3c51934 + 39b4395
commit beed2b6
Showing 1 changed file with 12 additions and 5 deletions.
diff --git 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 {