Grid field type - fix some alignment issues

JayGeorge · JayGeorge · commit aaeb4020c303 · 2025-09-01T17:28:22.000+01:00
diff --git a/resources/css/components/fieldtypes/grid.css b/resources/css/components/fieldtypes/grid.css
@@ -8,6 +8,10 @@
     border-spacing: 0;
     table-layout: auto;
 
+    [data-ui-field-text] {
+        @apply sr-only;
+    }
+
     thead th {
         @apply sticky -top-2 table-cell z-10 border-b bg-gray-100/75 p-2 text-sm font-medium text-gray-900 dark:border-gray-900 dark:bg-gray-800 dark:text-gray-100;
     
@@ -67,9 +71,8 @@
     }
 
     tbody .grid-row-controls {
-        @apply text-center ltr:pl-0 rtl:pr-0;
+        @apply text-center pt-3 ltr:pl-0 rtl:pr-0;
         width: 1%;
-        padding-top: 21px; /*  pseudo-center for text/select fields */
     }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,10 @@`
`8`	`8`	`border-spacing: 0;`
`9`	`9`	`table-layout: auto;`
`10`	`10`
	`11`	`+ [data-ui-field-text] {`
	`12`	`+ @apply sr-only;`
	`13`	`+ }`
	`14`	`+`
`11`	`15`	`thead th {`
`12`	`16`	`@apply sticky -top-2 table-cell z-10 border-b bg-gray-100/75 p-2 text-sm font-medium text-gray-900 dark:border-gray-900 dark:bg-gray-800 dark:text-gray-100;`
`13`	`17`
`@@ -67,9 +71,8 @@`
`67`	`71`	`}`
`68`	`72`
`69`	`73`	`tbody .grid-row-controls {`
`70`		`- @apply text-center ltr:pl-0 rtl:pr-0;`
	`74`	`+ @apply text-center pt-3 ltr:pl-0 rtl:pr-0;`
`71`	`75`	`width: 1%;`
`72`		`- padding-top: 21px; /* pseudo-center for text/select fields */`
`73`	`76`	`}`
`74`	`77`	`}`
`75`	`78`