From 700692d1ac2a96678d699978ee5861ac3fdfbd25 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Fri, 28 Aug 2026 16:12:05 -0400
Subject: [PATCH 1/2] Remove dead fluid publish-fields CSS

---
 resources/css/components/publish.css | 34 ----------------------------
 resources/css/core/animation.css     |  3 +--
 2 files changed, 1 insertion(+), 36 deletions(-)

diff --git a/resources/css/components/publish.css b/resources/css/components/publish.css
index c19246d8edc..ef43cf59ad9 100644
--- a/resources/css/components/publish.css
+++ b/resources/css/components/publish.css
@@ -45,40 +45,6 @@
 }
 
 
-/* GROUP PUBLISH COMPONENT / FIELDS / FLUID
-=================================================== */
-/* =Jay. Use this class if the fields should be fluid and fill the remaining space e.g. /cp/collections/pages/edit.
-Here flexbox is much better suited to create a layout that grows to fill space. */
-.publish-fields-fluid {
-    @apply gap-2;
-
-    display: flex;
-    flex-wrap: wrap;
-    > * {
-        flex-grow: 1;
-    }
-
-    @variant lg {
-        /* Here we have to cut short the proper width very slightly to account for the gap value. Because we're using flex-grow it should be pretty unnoticeable */
-        .field-w-25  { flex-basis: 24.5%; }
-        .field-w-33  { flex-basis: 32.5%; }
-        .field-w-50  { flex-basis: 49.4%; }
-        .field-w-66  { flex-basis: 66.1%; }
-        .field-w-75  { flex-basis: 74.5%; }
-        .field-w-undefined, .field-w-100 { flex-basis: 100%; }
-    }
-}
-
-.publish-fields-fluid--xl-only {
-    /* A modifier that prevents the fields from being fluid on smaller screens to help legibility, for example on the Blueprints builder */
-    @media (width < 1400px) {
-        [class*="field-w-"] {
-            flex-basis: 100%;
-        }
-    }
-}
-
-
 /* GROUP PUBLISH COMPONENT / FIELD
 =================================================== */
 .publish-field {
diff --git a/resources/css/core/animation.css b/resources/css/core/animation.css
index c46e4dcc222..2627f70a6d4 100644
--- a/resources/css/core/animation.css
+++ b/resources/css/core/animation.css
@@ -69,8 +69,7 @@
 @media (prefers-reduced-motion: no-preference) {
     .starting-style-transition,
     .starting-style-transition-children > *,
-    .publish-fields > *,
-    .publish-fields-fluid > *  {
+    .publish-fields > * {
         transition: opacity var(--starting-style-transition-duration);
         @starting-style {
             opacity: 0;

From 009d9e0932aaea705f0774f2a2a12be230a4ccd7 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Fri, 28 Aug 2026 16:21:37 -0400
Subject: [PATCH 2/2] Remove unused selectedWidth computed

---
 resources/js/components/fields/Settings.vue | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/resources/js/components/fields/Settings.vue b/resources/js/components/fields/Settings.vue
index 1eaa3748c00..6677f1f1d22 100644
--- a/resources/js/components/fields/Settings.vue
+++ b/resources/js/components/fields/Settings.vue
@@ -154,12 +154,6 @@ export default {
             return blueprint;
         },
 
-        selectedWidth: function () {
-            var width = this.config.width || 100;
-            var found = this.widths.find((w) => w.value === width);
-            return found.text;
-        },
-
         fieldtypeConfig() {
             return this.fieldtype.config;
         },