Issue #3238915: Refactor (if feasible) uses of the jQuery ready function to use VanillaJS

core/themes/claro/css/layout/node-add.css

@@ -11,6 +11,7 @@
 
 :root {
   --node-meta-width: 22.5rem;
+  --node-meta-xl-width: 25vw;
 }
 
 .layout-region {
@@ -41,7 +42,7 @@
 
   .layout-region--node-main .layout-region__content,
   .layout-region--node-footer .layout-region__content {
-    max-width: 48rem;
+    max-width: 52rem;
     margin-right: auto;
     margin-left: auto;
   }
@@ -63,3 +64,18 @@
     margin-top: var(--space-l);
   }
 }
+
+/**
+ * Extra Wide screens
+ */
+
+@media screen and (min-width: 112rem) {
+  .layout-region--node-main,
+  .layout-region--node-footer {
+    width: calc(100% - var(--node-meta-xl-width));
+  }
+
+  .layout-region--node-secondary {
+    width: var(--node-meta-xl-width);
+  }
+}