From f2f771de075d489babbfc9d42d3010525a13338d Mon Sep 17 00:00:00 2001
From: scar <91326008+alk-spriet@users.noreply.github.com>
Date: Tue, 21 Dec 2021 20:05:32 +0100
Subject: [PATCH 01/14] Added a benchmark to quickly test css edits live.
---
testing/test.css | 0
testing/test.html | 16 ++++++++++++++++
2 files changed, 16 insertions(+)
create mode 100644 testing/test.css
create mode 100644 testing/test.html
diff --git a/testing/test.css b/testing/test.css
new file mode 100644
index 0000000..e69de29
diff --git a/testing/test.html b/testing/test.html
new file mode 100644
index 0000000..09a5f14
--- /dev/null
+++ b/testing/test.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
+
\ No newline at end of file
--
2.47.2
From e6cd3a2cfa9c31ece6e125e3244e0696d57dbf1c Mon Sep 17 00:00:00 2001
From: scar <91326008+alk-spriet@users.noreply.github.com>
Date: Thu, 23 Dec 2021 10:43:14 +0100
Subject: [PATCH 02/14] Updated PPR banner to apply on admin panel
---
PPR banner.css | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/PPR banner.css b/PPR banner.css
index 5b8d1fe..8f9b9da 100644
--- a/PPR banner.css
+++ b/PPR banner.css
@@ -1,4 +1,5 @@
-@-moz-document domain("ppr-stream.alkemics.com") {
+@-moz-document domain("ppr-stream.alkemics.com"),
+domain("ppr-admin.alkemics.com") {
:root {
--stripe-size: 100px;
--color1: hsl(194, 71%, 30%);
--
2.47.2
From b9188336daf355909b975f33b64a7e1d6657b98f Mon Sep 17 00:00:00 2001
From: scar <91326008+alk-spriet@users.noreply.github.com>
Date: Thu, 23 Dec 2021 10:43:57 +0100
Subject: [PATCH 03/14] Updated Sigils to target only icon in the navbar (skip
menus)
---
Retailers Sigils.css | 2 +-
Suppliers Sigils.css | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/Retailers Sigils.css b/Retailers Sigils.css
index d65df5e..6663e0f 100644
--- a/Retailers Sigils.css
+++ b/Retailers Sigils.css
@@ -2,7 +2,7 @@
domain("ppr-stream.alkemics.com"),
domain("ltg-stream.alkemics.com"),
domain("int.alkemics.com") {
- .mdi-account::before {
+ #navbar-profile .dropdown-toggle .mdi-account::before {
content: "\F4DC";
color: orange;
}
diff --git a/Suppliers Sigils.css b/Suppliers Sigils.css
index 11f9e0c..64e6ae3 100644
--- a/Suppliers Sigils.css
+++ b/Suppliers Sigils.css
@@ -2,7 +2,7 @@
domain("ppr-stream.alkemics.com"),
domain("ltg-stream.alkemics.com"),
domain("int.alkemics.com") {
- .mdi-account::before {
+ #navbar-profile .dropdown-toggle .mdi-account::before {
content: "\F20F";
color: turquoise;
}
--
2.47.2
From 4d2c0e56f29307ddb0e5ffdbae0a9c716f86317a Mon Sep 17 00:00:00 2001
From: scar <91326008+alk-spriet@users.noreply.github.com>
Date: Fri, 24 Dec 2021 14:54:34 +0100
Subject: [PATCH 04/14] Updated PPR banner to not resort on ::before element
---
PPR banner.css | 22 ++++++++--------------
1 file changed, 8 insertions(+), 14 deletions(-)
diff --git a/PPR banner.css b/PPR banner.css
index 8f9b9da..2d3cac8 100644
--- a/PPR banner.css
+++ b/PPR banner.css
@@ -4,26 +4,20 @@ domain("ppr-admin.alkemics.com") {
--stripe-size: 100px;
--color1: hsl(194, 71%, 30%);
--color2: hsl(194, 77%, 35%);
- --duration: 30s;
+ --duration: 20s;
}
- .Navbar::before {
- z-index: -10;
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- width: calc(100% + var(--stripe-size));
- height: 100%;
- background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75%);
+ .AuthLayoutFooter,
+ .Navbar.navbar.Navbar--PPR.bg-inverse {
+ background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 75%);
background-size: var(--stripe-size) var(--stripe-size);
animation: stripeTransform var(--duration) linear infinite;
}
@keyframes stripeTransform {
- 0% {
- transform: translateX(0);
+ from {
+ background-position: 0 0;
}
- 100% {
- transform: translateX(calc(var(--stripe-size) * -1));
+ to {
+ background-position: var(--stripe-size) 0;
}
}
}
\ No newline at end of file
--
2.47.2
From 31eb4d9505c9cffc7a97411a38096d4ad2f96c16 Mon Sep 17 00:00:00 2001
From: scar <91326008+alk-spriet@users.noreply.github.com>
Date: Fri, 24 Dec 2021 14:56:18 +0100
Subject: [PATCH 05/14] Updated PRD banner to include admin panel
---
PRD banner.css | 4 +++-
1 file changed, 3 insertions(+), 1 deletion(-)
diff --git a/PRD banner.css b/PRD banner.css
index 351fa3e..d75726f 100644
--- a/PRD banner.css
+++ b/PRD banner.css
@@ -1,4 +1,6 @@
-@-moz-document domain("stream.alkemics.com") {
+@-moz-document domain("stream.alkemics.com"),
+domain("admin.alkemics.com") {
+ .AuthLayoutFooter,
.Navbar.bg-inverse {
background: linear-gradient(-45deg, #00e1d0, #00c4ff, #0562e8, #8a25f9);
background-size: 400% 100% !important;
--
2.47.2
From 428180de2221af0f27a6182343fa29ece000541d Mon Sep 17 00:00:00 2001
From: scar <91326008+alk-spriet@users.noreply.github.com>
Date: Fri, 24 Dec 2021 14:57:50 +0100
Subject: [PATCH 06/14] Update LTG, PLR to use new backgroud gradient, and not
resort on ::before element
---
LTG banner.css | 10 +++++-----
PLR banner.css | 10 +++++-----
2 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/LTG banner.css b/LTG banner.css
index a193b04..40b6010 100644
--- a/LTG banner.css
+++ b/LTG banner.css
@@ -14,16 +14,16 @@ domain("ltg-admin.alkemics.com") {
left: 0;
width: calc(100% + var(--stripe-size));
height: 100%;
- background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75%);
+ background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 75%);
background-size: var(--stripe-size) var(--stripe-size);
animation: stripeTransform var(--duration) linear infinite;
}
@keyframes stripeTransform {
- 0% {
- transform: translateX(0);
+ from {
+ background-position: 0 0;
}
- 100% {
- transform: translateX(calc(var(--stripe-size) * -1));
+ to {
+ background-position: var(--stripe-size) 0;
}
}
}
\ No newline at end of file
diff --git a/PLR banner.css b/PLR banner.css
index 1233971..0179590 100644
--- a/PLR banner.css
+++ b/PLR banner.css
@@ -13,16 +13,16 @@
left: 0;
width: calc(100% + var(--stripe-size));
height: 100%;
- background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75%);
+ background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 75%);
background-size: var(--stripe-size) var(--stripe-size);
animation: stripeTransform var(--duration) linear infinite;
}
@keyframes stripeTransform {
- 0% {
- transform: translateX(0);
+ from {
+ background-position: 0 0;
}
- 100% {
- transform: translateX(calc(var(--stripe-size) * -1));
+ to {
+ background-position: var(--stripe-size) 0;
}
}
}
\ No newline at end of file
--
2.47.2
From e45531486aaa76483bdcdd89fc114c25d5465071 Mon Sep 17 00:00:00 2001
From: scar <91326008+alk-spriet@users.noreply.github.com>
Date: Fri, 24 Dec 2021 15:04:38 +0100
Subject: [PATCH 07/14] Renamed animation and removed ::before specifics rules
---
LTG banner.css | 14 ++++----------
PLR banner.css | 18 ++++++------------
PPR banner.css | 4 ++--
3 files changed, 12 insertions(+), 24 deletions(-)
diff --git a/LTG banner.css b/LTG banner.css
index 40b6010..a9cc028 100644
--- a/LTG banner.css
+++ b/LTG banner.css
@@ -6,19 +6,13 @@ domain("ltg-admin.alkemics.com") {
--color2: hsl(261, 80%, 59%);
--duration: 30s;
}
- .Navbar::before {
- z-index: -10;
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- width: calc(100% + var(--stripe-size));
- height: 100%;
+ .AuthLayoutFooter,
+ .Navbar.navbar.bg-inverse {
background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 75%);
background-size: var(--stripe-size) var(--stripe-size);
- animation: stripeTransform var(--duration) linear infinite;
+ animation: alkegrad var(--duration) linear infinite;
}
- @keyframes stripeTransform {
+ @keyframes alkegrad {
from {
background-position: 0 0;
}
diff --git a/PLR banner.css b/PLR banner.css
index 0179590..8d0c1f9 100644
--- a/PLR banner.css
+++ b/PLR banner.css
@@ -1,23 +1,17 @@
@-moz-document domain("int.alkemics.com") {
:root {
--stripe-size: 100px;
- --color1: hsl(195, 70%, 45%);
- --color2: hsl(195, 70%, 50%);
+ --color1: hsl(205, 70%, 45%);
+ --color2: hsl(205, 70%, 50%);
--duration: 30s;
}
- .Navbar::before {
- z-index: -10;
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- width: calc(100% + var(--stripe-size));
- height: 100%;
+ .AuthLayoutFooter,
+ .Navbar.navbar.bg-inverse {
background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 75%);
background-size: var(--stripe-size) var(--stripe-size);
- animation: stripeTransform var(--duration) linear infinite;
+ animation: alkegrad var(--duration) linear infinite;
}
- @keyframes stripeTransform {
+ @keyframes alkegrad {
from {
background-position: 0 0;
}
diff --git a/PPR banner.css b/PPR banner.css
index 2d3cac8..171fac6 100644
--- a/PPR banner.css
+++ b/PPR banner.css
@@ -10,9 +10,9 @@ domain("ppr-admin.alkemics.com") {
.Navbar.navbar.Navbar--PPR.bg-inverse {
background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 75%);
background-size: var(--stripe-size) var(--stripe-size);
- animation: stripeTransform var(--duration) linear infinite;
+ animation: alkegrad var(--duration) linear infinite;
}
- @keyframes stripeTransform {
+ @keyframes alkegrad {
from {
background-position: 0 0;
}
--
2.47.2
From f759696ad3514de0f23ce4bed52550cd194e185a Mon Sep 17 00:00:00 2001
From: scar <91326008+alk-spriet@users.noreply.github.com>
Date: Tue, 1 Feb 2022 17:48:29 +0100
Subject: [PATCH 08/14] tested some changes on the sandbox
---
testing/test.css | 28 ++++++++++++++++++++++++++++
testing/test.html | 2 +-
2 files changed, 29 insertions(+), 1 deletion(-)
diff --git a/testing/test.css b/testing/test.css
index e69de29..1326582 100644
--- a/testing/test.css
+++ b/testing/test.css
@@ -0,0 +1,28 @@
+:root {
+ --stripe-size: 100px;
+ --color1: hsl(194, 71%, 30%);
+ --color2: hsl(194, 77%, 35%);
+ --duration: 20s;
+}
+
+div {
+ height: var(--stripe-size);
+ width: calc(var(--stripe-size) * 7);
+ margin: auto;
+ border: 1px solid black;
+}
+
+div {
+ background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color1) 50%, var(--color1) 75%);
+ background-size: var(--stripe-size) var(--stripe-size);
+ animation: alkegrad var(--duration) linear infinite;
+}
+
+@keyframes alkegrad {
+ from {
+ background-position: 0 0;
+ }
+ to {
+ background-position: var(--stripe-size) 0;
+ }
+}
\ No newline at end of file
diff --git a/testing/test.html b/testing/test.html
index 09a5f14..8f7c78e 100644
--- a/testing/test.html
+++ b/testing/test.html
@@ -10,7 +10,7 @@
-
+