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

This commit is contained in:
Adorian Doran 2025-02-06 05:07:37 +02:00
parent 91073e5e70
commit abf93dc11d
2 changed files with 8 additions and 2 deletions

View File

@ -51,7 +51,7 @@
text-align: center; text-align: center;
border: 0; border: 0;
border-bottom: 1px solid var(--button-border-color); border-bottom: 1px solid var(--button-border-color);
background-color: var(--menu-background-color) !important; background-color: var(--menu-background-color);
outline: 0; outline: 0;
} }

View File

@ -1125,13 +1125,19 @@ body.mobile .dropdown-menu .dropdown-item.submenu-open .dropdown-toggle::after {
.calendar-dropdown-widget .calendar-header input, .calendar-dropdown-widget .calendar-header input,
.calendar-dropdown-widget .calendar-header [data-calendar-input="month"] { .calendar-dropdown-widget .calendar-header [data-calendar-input="month"] {
/* TODO: Provide styling for background and states */ /* TODO: Provide styling for background and states */
background: transparent !important; --input-background-color: transparent;
--menu-background-color: transparent;
border: unset; border: unset;
border-radius: var(--bs-border-radius);
text-align: center; text-align: center;
font-size: 1.4em; font-size: 1.4em;
font-weight: 300; font-weight: 300;
} }
.calendar-dropdown-widget .calendar-header input:not(:focus) {
outline: 3px solid transparent;
}
.calendar-dropdown-widget .calendar-header .dropdown-toggle::after { .calendar-dropdown-widget .calendar-header .dropdown-toggle::after {
content: unset !important; content: unset !important;
} }