style(next): calendar: tweak the month input field

This commit is contained in:
Adorian Doran 2025-02-06 05:20:22 +02:00
parent abf93dc11d
commit 57bf142c4c
2 changed files with 8 additions and 1 deletions

View File

@ -35,7 +35,7 @@ const DROPDOWN_TPL = `
<div class="calendar-month-selector">
<button class="calendar-btn bx bx-chevron-left" data-calendar-toggle="previous"></button>
<button class="btn dropdown-toggle" type="button"
<button class="btn dropdown-toggle select-button" type="button"
data-bs-toggle="dropdown" data-bs-auto-close="true"
aria-expanded="false"
data-calendar-input="month"></button>

View File

@ -1138,6 +1138,13 @@ body.mobile .dropdown-menu .dropdown-item.submenu-open .dropdown-toggle::after {
outline: 3px solid transparent;
}
.calendar-dropdown-widget .calendar-header .calendar-month-selector .select-button {
--select-arrow-svg: ""; /* Disable the dropdown arrow */
min-width: 120px;
padding: 0 10px;
}
.calendar-dropdown-widget .calendar-header .dropdown-toggle::after {
content: unset !important;
}