From a89f0344e1f4323a0accb44efb56e5a580457aac Mon Sep 17 00:00:00 2001 From: Burak Civan Date: Thu, 27 Oct 2022 17:01:31 +0300 Subject: [PATCH] selected start-end rate color styling --- public/css/app.css | 9 +++++++-- resources/assets/sass/app.css | 9 +++++++-- 2 files changed, 14 insertions(+), 4 deletions(-) diff --git a/public/css/app.css b/public/css/app.css index a79a41490..5c3ba6e39 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -47189,11 +47189,16 @@ html[dir='rtl'] .el-picker-panel__sidebar { right: unset !important; } -.flatpickr-day.selected { - background-color: #55588B !important; +.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { + background: #55588B !important; border-color: #55588B !important; } +.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { + -webkit-box-shadow: -10px 0 0 #888aae !important; + box-shadow: -10px 0 0 #888aae !important; +} + .el-date-editor .el-range-input::-webkit-input-placeholder { color: #424242; } diff --git a/resources/assets/sass/app.css b/resources/assets/sass/app.css index 77951fcd9..10c6e1ca7 100644 --- a/resources/assets/sass/app.css +++ b/resources/assets/sass/app.css @@ -426,11 +426,16 @@ html[dir='rtl'] .el-picker-panel__sidebar { right: unset !important; } -.flatpickr-day.selected { - background-color: #55588B !important; +.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { + background: #55588B !important; border-color: #55588B !important; } +.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { + -webkit-box-shadow: -10px 0 0 #888aae !important; + box-shadow: -10px 0 0 #888aae !important; +} + .el-date-editor .el-range-input, .el-date-editor .el-range-input::placeholder { color: #424242; }