From 4c49c371df9615764227d0d72026bc12fe269110 Mon Sep 17 00:00:00 2001 From: Chuck Date: Fri, 6 Oct 2023 12:25:23 -0700 Subject: [PATCH 1/3] Update pride to use filter instead of colour, save on repaints --- files/assets/css/main.css | 25 +++++-------------------- 1 file changed, 5 insertions(+), 20 deletions(-) diff --git a/files/assets/css/main.css b/files/assets/css/main.css index 520e01cbc..ce4ec9a7f 100644 --- a/files/assets/css/main.css +++ b/files/assets/css/main.css @@ -7618,33 +7618,18 @@ ul { } @keyframes lgbt { - 10% { color: red; } - 20% { color: orange; } - 30% { color: yellow; } - 40% { color: green; } - 50% { color: cyan; } - 70% { color: blue; } - 80% { color: indigo; } - 90% { color: violet; } -} - -@keyframes lgbt-patron { - 10% { background-color: red; } - 20% { background-color: orange; } - 30% { background-color: yellow; } - 40% { background-color: green; } - 50% { background-color: cyan; } - 70% { background-color: blue; } - 80% { background-color: indigo; } - 90% { background-color: violet; } + 0% { filter: hue-rotate(0deg); } + 100% { filter: hue-rotate(360deg); } } .zozbot, :not(td) > a[href="/h/countryclub"], [pride_username] { + color: red; animation: lgbt 8s linear infinite; } [pride_username].patron { - animation: lgbt-patron 8s linear infinite; + background-color: red; + animation: lgbt 8s linear infinite; } @media (max-width: 768px) or (min-width: 992px) { -- 2.34.1 From 13aab850820b32d5050b0795748f0ed07bd9a468 Mon Sep 17 00:00:00 2001 From: Chuck Date: Fri, 6 Oct 2023 12:34:48 -0700 Subject: [PATCH 2/3] Update to keep the flashing part of the user background --- files/assets/css/main.css | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/files/assets/css/main.css b/files/assets/css/main.css index ce4ec9a7f..50c590583 100644 --- a/files/assets/css/main.css +++ b/files/assets/css/main.css @@ -7618,17 +7618,15 @@ ul { } @keyframes lgbt { - 0% { filter: hue-rotate(0deg); } - 100% { filter: hue-rotate(360deg); } + 10% { filter: hue-rotate(0deg); } + 90% { filter: hue-rotate(360deg); } } .zozbot, :not(td) > a[href="/h/countryclub"], [pride_username] { - color: red; animation: lgbt 8s linear infinite; } [pride_username].patron { - background-color: red; animation: lgbt 8s linear infinite; } -- 2.34.1 From b4e9d8a66e67a7bfb831adbc8b148b18578f61fa Mon Sep 17 00:00:00 2001 From: Chuck Date: Fri, 6 Oct 2023 12:46:34 -0700 Subject: [PATCH 3/3] Should be faster but not as nice as just hue-rotating --- files/assets/css/main.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/files/assets/css/main.css b/files/assets/css/main.css index 50c590583..202d56e0a 100644 --- a/files/assets/css/main.css +++ b/files/assets/css/main.css @@ -7618,8 +7618,10 @@ ul { } @keyframes lgbt { + 10% { color: red; background-color: red; } 10% { filter: hue-rotate(0deg); } 90% { filter: hue-rotate(360deg); } + 90% { color: unset; background-color: unset; } } .zozbot, :not(td) > a[href="/h/countryclub"], [pride_username] { -- 2.34.1