colin
/
pocketbase
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated calendar styles

This commit is contained in:
Gani Georgiev 2023-03-02 16:10:56 +02:00
parent 56a77fd5ff
commit 19faa0d8e7
1 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
ui/src/scss/_flatpickr.scss
View File

@ -21,7 +21,9 @@
input, select { input, select {
box-shadow: none; box-shadow: none;
min-height: 0; min-height: 0;
height: var(--inputHeight); height: var(--smBtnHeight);
padding-top: 3px;
padding-bottom: 3px;
background: none; background: none;
border-radius: var(--baseRadius); border-radius: var(--baseRadius);
border: 1px solid var(--baseAlt1Color); border: 1px solid var(--baseAlt1Color);
@ -143,13 +145,16 @@
} }
.flatpickr-months { .flatpickr-months {
display: flex; display: flex;
margin: 0 0 4px; align-items: center;
padding: 5px 0;
} }
.flatpickr-months .flatpickr-month { .flatpickr-months .flatpickr-month {
display: flex;
align-items: center;
justify-content: center;
background: transparent; background: transparent;
color: var(--txtPrimaryColor); color: var(--txtPrimaryColor);
fill: var(--txtPrimaryColor); fill: var(--txtPrimaryColor);
height: 34px;
line-height: 1; line-height: 1;
text-align: center; text-align: center;
position: relative; position: relative;
@ -164,12 +169,12 @@
} }
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month { .flatpickr-months .flatpickr-next-month {
display: flex;
align-items: center;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
position: absolute;
top: 0;
height: 34px; height: 34px;
padding: 10px; padding: 5px 12px;
z-index: 3; z-index: 3;
color: var(--txtPrimaryColor); color: var(--txtPrimaryColor);
fill: var(--txtPrimaryColor); fill: var(--txtPrimaryColor);
@ -210,6 +215,7 @@
.numInputWrapper { .numInputWrapper {
position: relative; position: relative;
height: auto; height: auto;
border-radius: var(--baseRadius);
} }
.numInputWrapper input, .numInputWrapper input,
.numInputWrapper span { .numInputWrapper span {
@ -276,7 +282,7 @@
fill: rgba(0,0,0,0.5); fill: rgba(0,0,0,0.5);
} }
.numInputWrapper:hover { .numInputWrapper:hover {
background: var(--baseAlt2Color); background: var(--baseAlt1Color);
} }
.numInputWrapper:hover span { .numInputWrapper:hover span {
opacity: 1; opacity: 1;
@ -284,12 +290,11 @@
.flatpickr-current-month { .flatpickr-current-month {
line-height: inherit; line-height: inherit;
color: inherit; color: inherit;
position: absolute; width: 85%;
width: 75%;
left: 12.5%;
padding: 1px 0; padding: 1px 0;
line-height: 1; line-height: 1;
display: flex; display: flex;
gap: 10px;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
text-align: center; text-align: center;
@ -303,14 +308,13 @@
padding: 0; padding: 0;
} }
.flatpickr-current-month span.cur-month:hover { .flatpickr-current-month span.cur-month:hover {
background: var(--baseAlt2Color); background: var(--baseAlt1Color);
} }
.flatpickr-current-month .numInputWrapper { .flatpickr-current-month .numInputWrapper {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 63px; width: 62px;
margin: 0 5px;
} }
.flatpickr-current-month .numInputWrapper span.arrowUp:after { .flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: var(--txtPrimaryColor); border-bottom-color: var(--txtPrimaryColor);
@ -362,7 +366,7 @@
outline: none; outline: none;
} }
.flatpickr-current-month .flatpickr-monthDropdown-months:hover { .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: var(--baseAlt2Color); background: var(--baseAlt1Color);
} }
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
background-color: transparent; background-color: transparent;