Fixed Bugs

Also changed max pto behavior.

src/actions.js

@@ -120,6 +120,13 @@ function updateDayElem(i) {
     else
         dayElem.classList.remove("starting-day");
 
+    // Hit max
+    if (timeOffRatio == 1) {
+        dayElem.classList.add("hit-max");
+    } else {
+        dayElem.classList.remove("hit-max");
+    }
+
 }
 
 function updatePTOElems() {

src/main.js

@@ -116,13 +116,17 @@ class Month {
         let hitMax = startingPTO >= maxPTO;
         for (const day of this.days) {
             cumulativePTO += day.getLocalTimeOff();
-            day.setTimeOff(cumulativePTO);
-
-            // Max PTO date
-            if (!hitMax && cumulativePTO >= maxPTO) {
-                hitMax = true;
-                Settings.setMaxDate(day);
+
+            // Max PTO
+            if (cumulativePTO >= maxPTO) {
+                cumulativePTO = maxPTO;
+                if (!hitMax) {
+                    hitMax = true;
+                    Settings.setMaxDate(day);
+                }
             }
+
+            day.setTimeOff(cumulativePTO);
         }
     }
 
@@ -215,8 +219,8 @@ class Day {
     }
 
     getLocalTimeOff() {
-        let time = this.isStartingDay() ? Settings.start : 0;
-        time += this.data.time;
+        if (this.isStartingDay()) return Settings.start;
+        let time = this.data.time;
         if (this.data.add) time += Settings.getSetting("add");
         if (this.data.sub) time -= Settings.getSetting("sub");
         return time;

style/calandar.css

@@ -62,6 +62,14 @@
     transition: box-shadow 0.1s;
 }
 
+.day.hit-max {
+    background: linear-gradient(
+        to top,
+        rgba(255, 0, 0, 0.308) calc(var(--pto-ratio) * 100%),
+        #ffffff12 calc(var(--pto-ratio) * 100%)
+    );
+}
+
 .day.starting-day {
     box-shadow: inset 0px 0px 20px #88ffb680;
 }