From 7578fa65a2a77771f06dc828d8b9dbd264599a44 Mon Sep 17 00:00:00 2001
From: Ben <36240171+benkyd@users.noreply.github.com>
Date: Mon, 31 Jan 2022 19:56:30 +0000
Subject: [PATCH] loading component for future consideration
---
client/public/components/components.js | 13 +++++++++++++
client/public/components/loading.html | 14 ++++++++++++++
.../notification-bar/notification-bar.css | 2 +-
client/public/global.css | 1 +
client/public/index.html | 1 +
5 files changed, 30 insertions(+), 1 deletion(-)
create mode 100644 client/public/components/loading.html
diff --git a/client/public/components/components.js b/client/public/components/components.js
index 33e7489..bc6cc61 100644
--- a/client/public/components/components.js
+++ b/client/public/components/components.js
@@ -9,6 +9,19 @@ class Component extends HTMLElement {
}
// other components with behaviour go here
+// non-generic components
+
+class LoadingComponent extends Component {
+ constructor() {
+ super();
+ }
+
+ async connectedCallback() {
+
+ }
+}
+
+customElements.define(`loading-component`, LoadingComponent);
// some not-so-scalable way to load all the generic template-like components
async function loadComponents() {
diff --git a/client/public/components/loading.html b/client/public/components/loading.html
new file mode 100644
index 0000000..8973d1b
--- /dev/null
+++ b/client/public/components/loading.html
@@ -0,0 +1,14 @@
+
+ lmao
+
+
+
diff --git a/client/public/components/notification-bar/notification-bar.css b/client/public/components/notification-bar/notification-bar.css
index d3c5a87..05671fd 100644
--- a/client/public/components/notification-bar/notification-bar.css
+++ b/client/public/components/notification-bar/notification-bar.css
@@ -97,7 +97,7 @@
transform: translatey(-200%);
}
-/* don's show on mobile or "small mode" */
+/* don's show on mobile or 'small mode' */
@media (pointer:none), (pointer:coarse), screen and (max-width: 900px) {
.notification-bar {
transform: translatey(-200%);
diff --git a/client/public/global.css b/client/public/global.css
index de4f13e..09f14b7 100644
--- a/client/public/global.css
+++ b/client/public/global.css
@@ -10,6 +10,7 @@ body {
display: block;
margin-left: auto;
margin-right: auto;
+ transition: all 250ms ease-in;
}
limited-margin {
diff --git a/client/public/index.html b/client/public/index.html
index 43c58cd..4a7cd77 100644
--- a/client/public/index.html
+++ b/client/public/index.html
@@ -10,6 +10,7 @@
+
15:03:04 - New Limited Time Offer, Get Any Lego Set for £10 Using Code LEGO10