From 318d3d81a9862af939e4f125e1b215fe9cc39468 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=B4me=20Lebleu?= Date: Thu, 7 Oct 2021 10:19:57 +0200 Subject: [PATCH] Make homepage site summary items responsive --- CHANGELOG.txt | 1 + docs/releases/2.16.md | 1 + wagtail/admin/static_src/wagtailadmin/scss/layouts/home.scss | 4 ++++ 3 files changed, 6 insertions(+) diff --git a/CHANGELOG.txt b/CHANGELOG.txt index b7bec85976..7b0cf7c879 100644 --- a/CHANGELOG.txt +++ b/CHANGELOG.txt @@ -33,6 +33,7 @@ Changelog * Set default submit button label on generic create views to 'Create' instead of 'Save' (Matt Westcott) * Improve display of image listing for long image titles (Krzysztof Jeziorny) * Use SVG icons in admin home page site summary items (Jérôme Lebleu) + * Ensure site summary items wrap on smaller devices on the admin home page (Jérôme Lebleu) * Fix: Accessibility fixes for Windows high contrast mode; Dashboard icons colour and contrast (Sakshi Uppoor) * Fix: Rename additional 'spin' CSS animations to avoid clashes with other libraries (Kevin Gutiérrez) * Fix: `default_app_config` deprecations for Django >= 3.2 (Tibor Leupold) diff --git a/docs/releases/2.16.md b/docs/releases/2.16.md index 33946b1790..cff570e0c1 100644 --- a/docs/releases/2.16.md +++ b/docs/releases/2.16.md @@ -36,6 +36,7 @@ * Set default submit button label on generic create views to 'Create' instead of 'Save' (Matt Westcott) * Improve display of image listing for long image titles (Krzysztof Jeziorny) * Use SVG icons in admin home page site summary items (Jérôme Lebleu) + * Ensure site summary items wrap on smaller devices on the admin home page (Jérôme Lebleu) ### Bug fixes diff --git a/wagtail/admin/static_src/wagtailadmin/scss/layouts/home.scss b/wagtail/admin/static_src/wagtailadmin/scss/layouts/home.scss index c60dc3a62d..5a1b3b433e 100644 --- a/wagtail/admin/static_src/wagtailadmin/scss/layouts/home.scss +++ b/wagtail/admin/static_src/wagtailadmin/scss/layouts/home.scss @@ -48,6 +48,10 @@ header { li { @include column(4); margin-bottom: 2em; + + @include media-breakpoint-down(sm) { + width: 50%; + } } li.icon::before,