Improved inline calendly preloading visuals

tsIgov · tsIgov · commit 042719fc5763 · 2024-02-01T19:00:08.000+02:00
diff --git a/src/Byteology.Website/Company/ScheduleMeeting.razor b/src/Byteology.Website/Company/ScheduleMeeting.razor
@@ -7,4 +7,10 @@
           Keywords="@(new string[] { "schedule", "meeting" })" />
 
 
+<div id="calendly-loader" class="calendly-spinner" style="z-index: 0">
+    <div class="calendly-bounce1"></div>
+    <div class="calendly-bounce2"></div>
+    <div class="calendly-bounce3"></div>
+</div>
+
 <div id="calendly-embed"></div>
diff --git a/src/Byteology.Website/Company/ScheduleMeeting.razor.css b/src/Byteology.Website/Company/ScheduleMeeting.razor.css
@@ -1,8 +1,3 @@
-#calendly-embed ::deep  > .calendly-spinner
-{
-	@apply panel;
-}
-
 #calendly-embed {
 	@apply w-full h-[50rem];
 }
diff --git a/src/Byteology.Website/wwwroot/js/calendly.js b/src/Byteology.Website/wwwroot/js/calendly.js
@@ -3,6 +3,4 @@ window.initCalendly = (link) => {
 		url: "https://calendly.com/tsvetan-igov/" + link + "?background_color=090326&text_color=ffffff&primary_color=573ce2",
 		parentElement: document.getElementById('calendly-embed')
 	});
-
-	document.getElementById('calendly-embed').style = "opacity: 1";
 }

Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,3 @@`
`1`		`-#calendly-embed ::deep > .calendly-spinner`
`2`		`-{`
`3`		`- @apply panel;`
`4`		`-}`
`5`		`-`
`6`	`1`	`#calendly-embed {`
`7`	`2`	`@apply w-full h-[50rem];`
`8`	`3`	`}`
Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,4 @@ window.initCalendly = (link) => {`
`3`	`3`	`url: "https://calendly.com/tsvetan-igov/" + link + "?background_color=090326&text_color=ffffff&primary_color=573ce2",`
`4`	`4`	`parentElement: document.getElementById('calendly-embed')`
`5`	`5`	`});`
`6`		`-`
`7`		`- document.getElementById('calendly-embed').style = "opacity: 1";`
`8`	`6`	`}`