[tor-commits] [tor-browser] 10/33: fixup! squash! Bug 27476: Implement about:torconnect captive portal within Tor Browser

[gitolite role]

This is an automated email from the git hooks/post-receive script.

richard pushed a commit to branch tor-browser-91.9.0esr-11.5-1
in repository tor-browser.

commit ba925df5d1f2e63d83f34d08d9e2aa21dd2c7ffe
Author: Pier Angelo Vendrame <pierov at torproject.org>
AuthorDate: Fri Apr 8 10:36:51 2022 +0200

    fixup! squash! Bug 27476: Implement about:torconnect captive portal within Tor Browser
    
    Bug 40881: animated torconnect's progress bar
---
 .../torconnect/content/aboutTorConnect.css         | 31 ++++++++++++++++++++--
 1 file changed, 29 insertions(+), 2 deletions(-)

diff --git a/browser/components/torconnect/content/aboutTorConnect.css b/browser/components/torconnect/content/aboutTorConnect.css
index d9ed605402f26..f2d8089a96326 100644
--- a/browser/components/torconnect/content/aboutTorConnect.css
+++ b/browser/components/torconnect/content/aboutTorConnect.css
@@ -189,6 +189,17 @@ input[type="checkbox"]:not(:disabled):active:checked {
   background-color: var(--purple-80)!important;
 }
 
+:root {
+  --progressbar-shadow-start: rgba(255, 255, 255, 0.85);
+}
+
+ at media (prefers-color-scheme: dark)
+{
+  :root {
+    --progressbar-shadow-start: rgba(28, 27, 34, 0.85);
+  }
+}
+
 #progressBackground {
   position:fixed;
   padding:0;
@@ -196,9 +207,25 @@ input[type="checkbox"]:not(:disabled):active:checked {
   top:0;
   left:0;
   width: 0%;
-  height: 7px;
-  background-image: linear-gradient(90deg, rgb(20, 218, 221) 0%, rgb(128, 109, 236) 100%);
+  height: 40px;
+  background-image:
+    linear-gradient(transparent 17.5%, var(--progressbar-shadow-start) 17.5%, var(--in-content-page-background) 100%),
+    linear-gradient(90deg, #FC00FF 0%, #00DBDE 50%, #FC00FF 100%);
+  background-size: 100%, 200%;
   border-radius: 0;
+  animation: progressAnimation 5s ease infinite;
+}
+
+ at keyframes progressAnimation {
+  0% {
+    background-position: 200%;
+  }
+  50% {
+    background-position: 100%;
+  }
+  100% {
+    background-position: 0%;
+  }
 }
 
 #connectPageContainer {

-- 
To stop receiving notification emails like this one, please contact
the administrator of this repository.