Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-18 16:32:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

client: fix the calendar appearance on the legacy theme

Browse Source
This commit is contained in:
Adorian Doran 2025-02-06 06:05:44 +02:00
parent 5ab455adf2
commit f628114923
1 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/public/stylesheets/calendar.css
View File

@ -41,25 +41,41 @@
flex-grow: 1; flex-grow: 1;
} }
.calendar-dropdown-widget .calendar-header input[type="number"] {
appearance: textfield !important;
}
.calendar-dropdown-widget .calendar-header input[type="number"]::-webkit-outer-spin-button,
.calendar-dropdown-widget .calendar-header input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.calendar-dropdown-widget .calendar-header select { .calendar-dropdown-widget .calendar-header select {
cursor: pointer; cursor: pointer;
} }
.calendar-dropdown-widget .calendar-header input, .calendar-dropdown-widget .calendar-header input,
.calendar-dropdown-widget .calendar-header select { .calendar-dropdown-widget .calendar-header .dropdown-toggle {
appearance: none; appearance: none;
text-align: center; text-align: center;
border: 0; border: 0;
border-bottom: 1px solid var(--button-border-color); border-left: unset;
background-color: var(--menu-background-color); background-color: var(--menu-background-color);
font-weight: bold;
outline: 0; outline: 0;
} }
.calendar-dropdown-widget .calendar-header .dropdown-toggle::after {
border: unset; /* Disable the dropdown arrow */
}
.calendar-dropdown-widget .calendar-week { .calendar-dropdown-widget .calendar-week {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
.calendar-dropdown-widget .calendar-week span { .calendar-dropdown-widget .calendar-week span {
flex-direction: column; flex-direction: column;
flex: 0 0 14.28%; flex: 0 0 14.28%;
@ -69,6 +85,7 @@
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
text-align: center; text-align: center;
text-transform: uppercase;
} }
.calendar-dropdown-widget .calendar-body { .calendar-dropdown-widget .calendar-body {
@ -79,7 +96,6 @@
.calendar-dropdown-widget .calendar-date { .calendar-dropdown-widget .calendar-date {
align-items: center; align-items: center;
color: var(--main-text-color); color: var(--main-text-color);
background-color: var(--main-background-color);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 0 0 14.28%; flex: 0 0 14.28%;
@ -91,6 +107,7 @@
.calendar-dropdown-widget .calendar-date:hover { .calendar-dropdown-widget .calendar-date:hover {
color: var(--hover-item-text-color); color: var(--hover-item-text-color);
background-color: var(--hover-item-background-color); background-color: var(--hover-item-background-color);
text-decoration: underline;
} }
.calendar-dropdown-widget .calendar-date-active { .calendar-dropdown-widget .calendar-date-active {