Hack in CSS fix from wagtail/wagtail#11751

torchbox · Mar 21, 2024 · c5910f1 · c5910f1
1 parent 05e8d96
commit c5910f1
Showing 1 changed file with 33 additions and 0 deletions.
diff --git a/wagtail_content_import/static/wagtail_content_import/css/import-styles.css b/wagtail_content_import/static/wagtail_content_import/css/import-styles.css
@@ -39,3 +39,36 @@
     text-align: left;
     border-radius: 3px;
 }
+
+/* Style fixes for footer actions on Wagtail 6.0 - https://github.com/wagtail/wagtail/pull/11751 */
+.footer .actions {
+    width: 100%
+}
+
+@media screen and (min-width: 50em) {
+    .footer .actions {
+        width:16rem
+    }
+}
+
+.footer .actions--primary {
+    align-items: stretch;
+    display: grid;
+    gap: .5rem;
+    grid-auto-flow: column
+}
+
+.footer .actions--primary>* {
+    height: auto;
+    margin-inline-start:0}
+
+@media screen and (min-width: 50em) {
+    .footer .actions--primary {
+        min-width:20rem;
+        width: max-content
+    }
+
+    .footer .actions--primary>:first-child {
+        min-width: 14rem
+    }
+}