[6.x] Fix conditional field borders (#14407)

thomasvantuycom · web-flow · commit 072277c75628 · 2026-04-01T11:57:11.000+01:00
Fix conditional field borders
diff --git a/resources/css/core/utilities.css b/resources/css/core/utilities.css
@@ -2,8 +2,8 @@
 =================================================== */
 /* Here we extend Tailwind's classes to add additional functionality where we're sure it won't break anything. */
 
-/* If the next sibling is hidden (by a Vue conditional), remove the bottom border. For example, /cp/asset-containers/assets/edit, the Image Manipulation toggle. */
-.divide-y > *:has(+[style*="display: none"]:last-child) {
+/* If all the next siblings are hidden (by a Vue conditional), remove the bottom border. For example, /cp/asset-containers/assets/edit, the Image Manipulation toggle. */
+.divide-y > *:not(:has(~ :not([style*="display: none"]))) {
     border-block-end: none;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -2,8 +2,8 @@`
`2`	`2`	`=================================================== */`
`3`	`3`	`/* Here we extend Tailwind's classes to add additional functionality where we're sure it won't break anything. */`
`4`	`4`
`5`		`-/* If the next sibling is hidden (by a Vue conditional), remove the bottom border. For example, /cp/asset-containers/assets/edit, the Image Manipulation toggle. */`
`6`		`-.divide-y > :has(+[style="display: none"]:last-child) {`
	`5`	`+/* If all the next siblings are hidden (by a Vue conditional), remove the bottom border. For example, /cp/asset-containers/assets/edit, the Image Manipulation toggle. */`
	`6`	`+.divide-y > :not(:has(~ :not([style="display: none"]))) {`
`7`	`7`	`border-block-end: none;`
`8`	`8`	`}`
`9`	`9`