fixing drag preview badge (#3389)

LFDanLu · web-flow · commit a57d9f4808bd · 2022-08-08T15:25:48.000-07:00
diff --git a/packages/@react-spectrum/list/src/DragPreview.tsx b/packages/@react-spectrum/list/src/DragPreview.tsx
@@ -36,11 +36,10 @@ export function DragPreview(props: DragPreviewProps) {
       <Grid UNSAFE_className={listStyles['react-spectrum-ListViewItem-grid']}>
         <SlotProvider
           slots={{
-            content: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},
             text: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-content']},
             description: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-description']},
-            illustration: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-illustration']},
-            image: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-image']},
+            illustration: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-thumbnail']},
+            image: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-thumbnail']},
             actionButton: {UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'], isQuiet: true},
             actionGroup: {
               UNSAFE_className: listStyles['react-spectrum-ListViewItem-actions'],
diff --git a/packages/@react-spectrum/list/src/styles.css b/packages/@react-spectrum/list/src/styles.css
@@ -403,7 +403,7 @@
       grid-template-areas:
         "thumbnail content     . badge"
         "thumbnail description . badge";
-      grid-template-columns: auto auto auto 1fr;
+      grid-template-columns: auto auto 1fr auto;
     }
 
     .react-spectrum-ListViewItem-badge {

Original file line number	Diff line number	Diff line change
`@@ -403,7 +403,7 @@`
`403`	`403`	`grid-template-areas:`
`404`	`404`	`"thumbnail content . badge"`
`405`	`405`	`"thumbnail description . badge";`
`406`		`- grid-template-columns: auto auto auto 1fr;`
	`406`	`+ grid-template-columns: auto auto 1fr auto;`
`407`	`407`	`}`
`408`	`408`
`409`	`409`	`.react-spectrum-ListViewItem-badge {`