[6.x] Remove dead fluid publish-fields CSS and JS helpers (#15304)

Author: jasonvarga

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 {

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;

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;
         },