20 lines
2.7 KiB
CSS
20 lines
2.7 KiB
CSS
|
.flatpickr-wrapper{display:block;width:100%}
|
||
|
|
.planning-picker.flatpickr-calendar{background:var(--bg-card,#fff);color:var(--text-primary,#243746);border:1px solid var(--frame-border,#dce4ea);border-radius:12px;box-shadow:0 10px 30px #102f4826;font-family:inherit;overflow:hidden}
|
||
|
|
.planning-picker.flatpickr-calendar.static.open{position:relative;top:auto;left:auto;margin-top:.5rem;box-shadow:0 3px 12px #102f4812}
|
||
|
|
.planning-picker .flatpickr-months{padding:.4rem 0;background:var(--accent-light,#f2f6f9)}
|
||
|
|
.planning-picker .flatpickr-month,.planning-picker .flatpickr-current-month .flatpickr-monthDropdown-months,.planning-picker span.flatpickr-weekday,.planning-picker .flatpickr-time input{background:transparent;color:var(--text-primary,#243746)}
|
||
|
|
.planning-picker .flatpickr-current-month{font-size:.95rem;font-weight:600;padding-top:.5rem}
|
||
|
|
.planning-picker .flatpickr-day{color:var(--text-primary,#243746);border-radius:8px}
|
||
|
|
.planning-picker .flatpickr-day:hover,.planning-picker .flatpickr-day:focus{background:var(--accent-light,#e7f0f5);border-color:var(--frame-border,#dce4ea)}
|
||
|
|
.planning-picker .flatpickr-day.selected,.planning-picker .flatpickr-day.selected:hover{background:var(--accent,#0f4c75);border-color:var(--accent,#0f4c75);color:white}
|
||
|
|
.planning-picker .flatpickr-day.today{border-color:var(--accent,#0f4c75)}
|
||
|
|
.planning-picker .flatpickr-day.prevMonthDay,.planning-picker .flatpickr-day.nextMonthDay{color:var(--text-secondary,#98a2b3);opacity:.65}
|
||
|
|
.planning-picker .flatpickr-prev-month,.planning-picker .flatpickr-next-month{top:.4rem;color:var(--text-primary,#243746);fill:currentColor}
|
||
|
|
.planning-picker .flatpickr-time{border-color:var(--frame-border,#dce4ea)}
|
||
|
|
.planning-picker .flatpickr-time input:hover,.planning-picker .flatpickr-time input:focus{background:var(--accent-light,#e7f0f5)}
|
||
|
|
.planning-picker-footer{display:flex;justify-content:space-between;gap:.5rem;padding:.6rem;border-top:1px solid var(--frame-border,#dce4ea)}
|
||
|
|
.planning-picker-footer button{border:1px solid var(--frame-border,#dce4ea);border-radius:7px;background:var(--bg-card,#fff);color:var(--accent,#0f4c75);padding:.3rem .7rem;font-size:.8rem;cursor:pointer}
|
||
|
|
.planning-picker-footer button:last-child{background:var(--accent,#0f4c75);border-color:var(--accent,#0f4c75);color:white;margin-left:auto}
|
||
|
|
|
||
|
|
.planning-date-input{cursor:pointer;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='1.7' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat}
|