style/calendar: tweak layout

This commit is contained in:
Adorian Doran 2026-02-25 18:56:24 +02:00
parent 843e4d45e6
commit 7861bc41f9
2 changed files with 12 additions and 10 deletions

View File

@ -372,10 +372,6 @@ body[dir=ltr] #launcher-container {
.calendar-dropdown-widget .calendar-header [data-calendar-input="month"] { .calendar-dropdown-widget .calendar-header [data-calendar-input="month"] {
--input-background-color: transparent; --input-background-color: transparent;
--menu-background-color: transparent; --menu-background-color: transparent;
text-align: center;
font-size: 1.4em;
font-weight: 300;
} }
.calendar-dropdown-widget .calendar-header input:not(:focus) { .calendar-dropdown-widget .calendar-header input:not(:focus) {
@ -425,8 +421,6 @@ body[dir=ltr] #launcher-container {
} }
.calendar-dropdown-widget .calendar-week span { .calendar-dropdown-widget .calendar-week span {
font-size: 0.85em;
font-weight: 500;
color: var(--calendar-weekday-labels-color); color: var(--calendar-weekday-labels-color);
} }

View File

@ -35,7 +35,7 @@
.calendar-dropdown-widget .calendar-header { .calendar-dropdown-widget .calendar-header {
align-items: center; align-items: center;
display: flex; display: flex;
padding: 0 0.5rem 0.5rem 0.5rem; padding: 0 0.5rem 1rem 0.5rem;
} }
.calendar-dropdown-widget .calendar-header>div { .calendar-dropdown-widget .calendar-header>div {
@ -65,8 +65,14 @@
border: 0; border: 0;
border-inline-start: unset; border-inline-start: unset;
background-color: var(--menu-background-color); background-color: var(--menu-background-color);
font-weight: bold; font-weight: 400;
outline: 0; outline: 0;
font-weight: 300;
font-size: 1.4em;
}
.calendar-dropdown-widget .calendar-header .dropdown-toggle {
justify-content: center;
} }
.calendar-dropdown-widget .calendar-header .dropdown-toggle::after { .calendar-dropdown-widget .calendar-header .dropdown-toggle::after {
@ -82,18 +88,20 @@
.calendar-dropdown-widget .calendar-week span { .calendar-dropdown-widget .calendar-week span {
flex-direction: column; flex-direction: column;
flex: 0 0 12.5%; flex: 0 0 12.5%;
font-size: 1rem;
font-weight: bold;
max-width: 12.5%; max-width: 12.5%;
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
font-size: .85em;
font-weight: 500;
} }
.calendar-dropdown-widget .calendar-body { .calendar-dropdown-widget .calendar-body {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
min-height: 250px;
align-items: center;
} }
.calendar-dropdown-widget .calendar-week-number { .calendar-dropdown-widget .calendar-week-number {