diff --git a/pixelegg/css/fancy.css b/pixelegg/css/fancy.css index 62117e7f8e..53060459a1 100644 --- a/pixelegg/css/fancy.css +++ b/pixelegg/css/fancy.css @@ -7221,6 +7221,26 @@ img.et2_button_icon[src*="svg"]:hover { .et2_required:not(.hasValue) { background-color: initial; } +div.flatpickr-calendar { + border-radius: var(--sl-border-radius-medium); +} +div.flatpickr-calendar .flatpickr-months { + border-top-left-radius: var(--sl-border-radius-medium); + border-top-right-radius: var(--sl-border-radius-medium); +} +div.flatpickr-calendar .shortcut-buttons-flatpickr-buttons button:first-child { + border-bottom-left-radius: var(--sl-border-radius-medium); +} +div.flatpickr-calendar .shortcut-buttons-flatpickr-buttons button:last-child { + border-bottom-right-radius: var(--sl-border-radius-medium); +} +.flatpickr-calendar > .flatpickr-time:first-child { + border-top-left-radius: var(--sl-border-radius-medium); + border-top-right-radius: var(--sl-border-radius-medium); +} +.flatpickr-calendar > .flatpickr-time:first-child .flatpickr-minute ~ span { + margin-right: 1em; +} .nextmatch_header .header_count { border-radius: var(--sl-border-radius-medium); } diff --git a/pixelegg/css/fancy.less b/pixelegg/css/fancy.less index 9f155d8ba5..29f50e0d46 100644 --- a/pixelegg/css/fancy.less +++ b/pixelegg/css/fancy.less @@ -61,6 +61,35 @@ background-color: initial; } +//rounded flatpickr +div.flatpickr-calendar { + border-radius: var(--sl-border-radius-medium); +} + +div.flatpickr-calendar .flatpickr-months { + border-top-left-radius: var(--sl-border-radius-medium); + border-top-right-radius: var(--sl-border-radius-medium); +} + +div.flatpickr-calendar .shortcut-buttons-flatpickr-buttons button:first-child { + border-bottom-left-radius: var(--sl-border-radius-medium); +} + +div.flatpickr-calendar .shortcut-buttons-flatpickr-buttons button:last-child { + border-bottom-right-radius: var(--sl-border-radius-medium); +} + +.flatpickr-calendar > .flatpickr-time:first-child{ + border-top-left-radius: var(--sl-border-radius-medium); + border-top-right-radius: var(--sl-border-radius-medium); +} + +.flatpickr-calendar > .flatpickr-time:first-child .flatpickr-minute ~ span{ + margin-right: 1em; +} +//end rounded flatpickr + + // styling of legacy NM parts .nextmatch_header .header_count { border-radius: var(--sl-border-radius-medium);