From 8e729ed927efb74498bc468c5077e776a2a16057 Mon Sep 17 00:00:00 2001
From: SanttuA <santtualatalo@gmail.com>
Date: Wed, 22 May 2024 11:19:29 +0300
Subject: [PATCH] Fixed partially in history own reservation styles in
 overnight calendar (#327)

Special style rules for own reservation in history when editing were missing. This change fixes the missing styles issue.
---
 .../overnight-calendar/_overnight-calendar.scss     | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/shared/overnight-calendar/_overnight-calendar.scss b/app/shared/overnight-calendar/_overnight-calendar.scss
index 017bbfdd1..183dc1538 100644
--- a/app/shared/overnight-calendar/_overnight-calendar.scss
+++ b/app/shared/overnight-calendar/_overnight-calendar.scss
@@ -124,7 +124,7 @@
       }
     }
 
-    &--highlighted:not(.DayPicker-Day--disabled) {
+    &--highlighted {
       background-color: $highlighted-color;
 
       &.DayPicker-Day--selected {
@@ -192,6 +192,10 @@
     @include add-focus(2px, $black) {}
   }
 
+  .DayPicker-Day--start.DayPicker-Day--disabled:not(.DayPicker-Day--booked):not(.DayPicker-Day--prevBooked) {
+    background: linear-gradient($half-day-angle, $medium-gray 49%, $highlighted-color 50%);
+  }
+
   .DayPicker-Day--nextClosed.DayPicker-Day--prevBooked {
     background: linear-gradient($half-day-angle, $booked-color 49%, $medium-gray 50%);
     color: $black;
@@ -210,11 +214,16 @@
     color: $black;
   }
 
-  .DayPicker-Day--prevBooked.DayPicker-Day--disabled:not(.DayPicker-Day--booked) {
+  .DayPicker-Day--prevBooked.DayPicker-Day--disabled:not(.DayPicker-Day--booked):not(.DayPicker-Day--start) {
     background: linear-gradient($half-day-angle, $booked-color 49%, $medium-gray 50%);
     color: $black;
   }
 
+  .DayPicker-Day--prevBooked.DayPicker-Day--disabled.DayPicker-Day--start:not(.DayPicker-Day--booked) {
+    background: linear-gradient($half-day-angle, $booked-color 49%, $highlighted-color 50%);
+    color: $black;
+  }
+
   .DayPicker-Day--booked.DayPicker-Day--prevClosed {
     background: linear-gradient($half-day-angle, $medium-gray 49%, $booked-color 50%);
   }