Grid field -- a couple of dark mode adjustments (but not finished)

jaygeorge · jaygeorge · commit 824916a71142 · 2025-09-01T14:24:52.000+01:00
diff --git a/resources/css/components/fieldtypes/grid.css b/resources/css/components/fieldtypes/grid.css
@@ -40,10 +40,10 @@
         }
 
         &.drag-handle {
-            @apply h-full p-2 cursor-grab hover:bg-gray-100 dark:hover:bg-gray-700 border-e border-gray-200 hover:border-e-gray-300 dark:hover:border-e-gray-600;
             width: 1%;
-            background: var(--color-gray-50) url('../../../svg/ui/drag-dots.svg') center center no-repeat;
+            background: url('../../../svg/ui/drag-dots.svg') center center no-repeat;
             background-size: 7px 17px;
+            @apply h-full p-2 cursor-grab bg-gray-50 dark:bg-gray-900/25 hover:bg-gray-100 dark:hover:bg-gray-700 border-e border-gray-200 dark:border-gray-900 hover:border-e-gray-300 dark:hover:border-e-gray-600;
         }
     }
 

Original file line number	Diff line number	Diff line change
`@@ -40,10 +40,10 @@`
`40`	`40`	`}`
`41`	`41`
`42`	`42`	`&.drag-handle {`
`43`		`- @apply h-full p-2 cursor-grab hover:bg-gray-100 dark:hover:bg-gray-700 border-e border-gray-200 hover:border-e-gray-300 dark:hover:border-e-gray-600;`
`44`	`43`	`width: 1%;`
`45`		`- background: var(--color-gray-50) url('../../../svg/ui/drag-dots.svg') center center no-repeat;`
	`44`	`+ background: url('../../../svg/ui/drag-dots.svg') center center no-repeat;`
`46`	`45`	`background-size: 7px 17px;`
	`46`	`+ @apply h-full p-2 cursor-grab bg-gray-50 dark:bg-gray-900/25 hover:bg-gray-100 dark:hover:bg-gray-700 border-e border-gray-200 dark:border-gray-900 hover:border-e-gray-300 dark:hover:border-e-gray-600;`
`47`	`47`	`}`
`48`	`48`	`}`
`49`	`49`