Calendar: Sidemenu calendar CSS adjustments

This commit is contained in:
nathan 2022-04-27 09:52:37 -06:00
parent f4622f7811
commit 9dd6f44715
4 changed files with 47 additions and 42 deletions

View File

@ -4031,15 +4031,19 @@ div.flatpickr-calendar.inline .dayContainer {
div.flatpickr-calendar.inline .flatpickr-months .flatpickr-month { div.flatpickr-calendar.inline .flatpickr-months .flatpickr-month {
flex: 1 1 auto; flex: 1 1 auto;
padding-top: 4px;
padding-bottom: 5px;
} }
div.flatpickr-calendar.inline .flatpickr-months { div.flatpickr-calendar.inline .flatpickr-months {
background-color: #eceef1; background-color: #eceef1;
gap: 4px;
} }
div.flatpickr-calendar.inline .flatpickr-months .flatpickr-prev-month, div.flatpickr-calendar.inline .flatpickr-months .flatpickr-prev-month,
div.flatpickr-calendar.inline .flatpickr-months .flatpickr-next-month { div.flatpickr-calendar.inline .flatpickr-months .flatpickr-next-month {
position: relative; position: relative;
padding: 3px 5px;
} }
div.flatpickr-calendar.inline .flatpickr-current-month .flatpickr-monthDropdown-months { div.flatpickr-calendar.inline .flatpickr-current-month .flatpickr-monthDropdown-months {

View File

@ -100,7 +100,6 @@
top: 28px; top: 28px;
z-index: 1; z-index: 1;
overflow: hidden; overflow: hidden;
margin: 0.5em;
font-size: 10px; font-size: 10px;
line-height: 50%; line-height: 50%;
color: white; color: white;
@ -109,24 +108,13 @@
border:none; border:none;
border-radius: 100%; border-radius: 100%;
} }
#calendar-sidebox_header_today {
right: 35px;
}
#calendar-sidebox_header_go { #calendar-sidebox_header_go {
right: 80px;
text-indent: -1px; text-indent: -1px;
} }
#calendar-sidebox_header_go:hover, #calendar-sidebox_header_today:hover { #calendar-sidebox_header_go:hover, #calendar-sidebox_header_today:hover {
background-color: #0c5da5; background-color: #0c5da5;
box-shadow: none; box-shadow: none;
} }
#calendar-sidebox_date .ui-datepicker-header a {
top: 3px;
}
#calendar-sidebox_date .ui-datepicker-prev {
right: 3em;
}
#calendar-sidebox_weekend { #calendar-sidebox_weekend {
/* Special css styling goes here */ /* Special css styling goes here */
} }
@ -145,12 +133,24 @@
} }
#calendar-sidebox_date .flatpickr-months > * { #calendar-sidebox_date .flatpickr-months > * {
padding: 3px;
height: 20px; height: 20px;
} }
#calendar-sidebox_date .flatpickr-current-month { #calendar-sidebox_date .flatpickr-current-month {
height: 20px; height: 25px;
font-size: 110% font-size: 110%;
width: 100%;
min-width: 16ch;
left: 0;
display: flex;
align-items: stretch;
padding: 0px;
}
#calendar-sidebox_date .flatpickr-current-month .numInputWrapper {
width: 7ch;
min-width: 7ch;
}
#calendar-sidebox_date .flatpickr-current-month input.cur-year {
padding-top: 3px;
} }
#calendar-sidebox_date div.flatpickr-calendar.inline .flatpickr-current-month .flatpickr-monthDropdown-months { #calendar-sidebox_date div.flatpickr-calendar.inline .flatpickr-current-month .flatpickr-monthDropdown-months {
width: 70%; width: 70%;

View File

@ -99,7 +99,6 @@
display: inline-block; display: inline-block;
} }
#calendar-sidebox_cat_id { #calendar-sidebox_cat_id {
width: 90%;
margin-bottom: 10px; margin-bottom: 10px;
} }
#calendar-sidebox_cat_id ~ * { #calendar-sidebox_cat_id ~ * {
@ -121,7 +120,6 @@
top: 28px; top: 28px;
z-index: 1; z-index: 1;
overflow: hidden; overflow: hidden;
margin: 0.5em;
font-size: 10px; font-size: 10px;
line-height: 50%; line-height: 50%;
color: white; color: white;
@ -130,11 +128,7 @@
border: none; border: none;
border-radius: 100%; border-radius: 100%;
} }
#calendar-sidebox_header_today {
right: 35px;
}
#calendar-sidebox_header_go { #calendar-sidebox_header_go {
right: 80px;
text-indent: -1px; text-indent: -1px;
} }
#calendar-sidebox_header_go:hover, #calendar-sidebox_header_go:hover,
@ -142,12 +136,6 @@
background-color: #0c5da5; background-color: #0c5da5;
box-shadow: none; box-shadow: none;
} }
#calendar-sidebox_date .ui-datepicker-header a {
top: 3px;
}
#calendar-sidebox_date .ui-datepicker-prev {
right: 3em;
}
#calendar-sidebox_weekend { #calendar-sidebox_weekend {
/* Special css styling goes here */ /* Special css styling goes here */
} }
@ -165,12 +153,24 @@
background-color: white; background-color: white;
} }
#calendar-sidebox_date .flatpickr-months > * { #calendar-sidebox_date .flatpickr-months > * {
padding: 3px;
height: 20px; height: 20px;
} }
#calendar-sidebox_date .flatpickr-current-month { #calendar-sidebox_date .flatpickr-current-month {
height: 20px; height: 25px;
font-size: 110%; font-size: 110%;
width: 100%;
min-width: 16ch;
left: 0;
display: flex;
align-items: stretch;
padding: 0px;
}
#calendar-sidebox_date .flatpickr-current-month .numInputWrapper {
width: 7ch;
min-width: 7ch;
}
#calendar-sidebox_date .flatpickr-current-month input.cur-year {
padding-top: 3px;
} }
#calendar-sidebox_date div.flatpickr-calendar.inline .flatpickr-current-month .flatpickr-monthDropdown-months { #calendar-sidebox_date div.flatpickr-calendar.inline .flatpickr-current-month .flatpickr-monthDropdown-months {
width: 70%; width: 70%;

View File

@ -108,7 +108,6 @@
top: 28px; top: 28px;
z-index: 1; z-index: 1;
overflow: hidden; overflow: hidden;
margin: 0.5em;
font-size: 10px; font-size: 10px;
line-height: 50%; line-height: 50%;
color: white; color: white;
@ -117,11 +116,7 @@
border: none; border: none;
border-radius: 100%; border-radius: 100%;
} }
#calendar-sidebox_header_today {
right: 35px;
}
#calendar-sidebox_header_go { #calendar-sidebox_header_go {
right: 80px;
text-indent: -1px; text-indent: -1px;
} }
#calendar-sidebox_header_go:hover, #calendar-sidebox_header_go:hover,
@ -129,12 +124,6 @@
background-color: #0c5da5; background-color: #0c5da5;
box-shadow: none; box-shadow: none;
} }
#calendar-sidebox_date .ui-datepicker-header a {
top: 3px;
}
#calendar-sidebox_date .ui-datepicker-prev {
right: 3em;
}
#calendar-sidebox_weekend { #calendar-sidebox_weekend {
/* Special css styling goes here */ /* Special css styling goes here */
} }
@ -152,12 +141,24 @@
background-color: white; background-color: white;
} }
#calendar-sidebox_date .flatpickr-months > * { #calendar-sidebox_date .flatpickr-months > * {
padding: 3px;
height: 20px; height: 20px;
} }
#calendar-sidebox_date .flatpickr-current-month { #calendar-sidebox_date .flatpickr-current-month {
height: 20px; height: 25px;
font-size: 110%; font-size: 110%;
width: 100%;
min-width: 16ch;
left: 0;
display: flex;
align-items: stretch;
padding: 0px;
}
#calendar-sidebox_date .flatpickr-current-month .numInputWrapper {
width: 7ch;
min-width: 7ch;
}
#calendar-sidebox_date .flatpickr-current-month input.cur-year {
padding-top: 3px;
} }
#calendar-sidebox_date div.flatpickr-calendar.inline .flatpickr-current-month .flatpickr-monthDropdown-months { #calendar-sidebox_date div.flatpickr-calendar.inline .flatpickr-current-month .flatpickr-monthDropdown-months {
width: 70%; width: 70%;