#189 Added opacity to past events + increase zIndex of Red Line

YukiGasai · Sep 26, 2023 · 90bcc7c · 90bcc7c
1 parent 6bd8ab5
commit 90bcc7c
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 3 deletions.
diff --git a/manifest.json b/manifest.json
@@ -1,7 +1,7 @@
 {
 	"id": "google-calendar",
 	"name": "Google Calendar",
-	"version": "1.10.6",
+	"version": "1.10.7",
 	"minAppVersion": "0.12.0",
 	"description": "Interact with your Google Calendar from Inside Obsidian",
 	"author": "YukiGasai",

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "google-calendar",
-	"version": "1.10.6",
+	"version": "1.10.7",
 	"description": "Interact with your Google Calendar from Inside Obsidian",
 	"main": "main.js",
 	"scripts": {

diff --git a/src/svelte/components/EventBox.svelte b/src/svelte/components/EventBox.svelte
@@ -48,6 +48,9 @@
         if(width < 60) {
             baseList.push("textSmall")
         }
+        if(window.moment(location.event.end.date ?? location.event.end.dateTime).isSameOrBefore(window.moment())) {
+            baseList.push("googleCalendarEvent_Past")
+        }
         return baseList.join(" ");
     }
 
@@ -96,6 +99,10 @@ googleCalendarName_Id_{location.event.parent.id}
         z-index: 1;
 	}
     
+    .googleCalendarEvent_Past {
+        opacity: 0.5;
+    }
+
     .textSmall {
         padding: 0;
     }

diff --git a/src/svelte/components/TimeLine.svelte b/src/svelte/components/TimeLine.svelte
@@ -168,7 +168,7 @@
 		height: 3px;
 		background: red;
 		overflow: visible;
-		z-index: 1;
+		z-index: 2;
 	}
 
 	.gcal-timeline {