From c98df4d6c214b11d73be0250bd6226375ad2bd83 Mon Sep 17 00:00:00 2001 From: Elian Doran Date: Sat, 8 Feb 2025 11:54:17 +0200 Subject: [PATCH] style(next): improve fit of calendar on mobile --- src/public/stylesheets/theme-next/shell.css | 22 ++++++++++++++++++--- 1 file changed, 19 insertions(+), 3 deletions(-) diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index 5f8fc3b3d..b5b3d7784 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -1158,10 +1158,26 @@ body.mobile .dropdown-menu .dropdown-item.submenu-open .dropdown-toggle::after { } .calendar-dropdown-widget .calendar-header .calendar-month-selector .select-button { - --select-arrow-svg: ""; /* Disable the dropdown arrow */ + --select-arrow-svg: ""; /* Disable the dropdown arrow */ +} - min-width: 120px; - padding: 0 10px; +@media (max-width: 992px) { + .calendar-dropdown-widget .calendar-header button { + margin: 0 !important; + padding: 0; + } + + .calendar-dropdown-widget .calendar-header .calendar-month-selector .select-button { + padding: 0 8px; + flex-grow: 1; + } +} + +@media (min-width: 992px) { + .calendar-dropdown-widget .calendar-header .calendar-month-selector .select-button { + min-width: 120px; + padding: 0 10px; + } } .calendar-dropdown-widget .calendar-header .dropdown-toggle::after {