From 84f25d82da1f67f4673f2680bdc6bea48e5620a9 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 25 Jun 2021 10:43:42 +0300 Subject: [PATCH] create loading_indicator_bouncing_line.css --- chrome/loading_indicator_bouncing_line.css | 24 ++++++++++++++++++++++ html_resources/tagmap.json | 3 ++- tags.csv | 1 + 3 files changed, 27 insertions(+), 1 deletion(-) create mode 100644 chrome/loading_indicator_bouncing_line.css diff --git a/chrome/loading_indicator_bouncing_line.css b/chrome/loading_indicator_bouncing_line.css new file mode 100644 index 0000000..311561a --- /dev/null +++ b/chrome/loading_indicator_bouncing_line.css @@ -0,0 +1,24 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/loading_indicator_bouncing_line.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + +@keyframes statusline-anim{from{background-position-x: left}to{background-position-x: right}} +#statuspanel[type="status"]::after{ + position: fixed; + display: block; + height: 2px; + width: 100vw; + top: 0; + left:0; + content: ""; + pointer-events: none; + background-size: 20%; + background-repeat: no-repeat; + background-image: linear-gradient(to left,transparent,rgb(170,0,70),transparent); + animation: statusline-anim 400ms alternate infinite ease-in-out; +} + +@media (min-width: 1000px){ #statuspanel[type="status"]::after{ animation-duration: 460ms } } +@media (min-width: 1400px){ #statuspanel[type="status"]::after{ animation-duration: 520ms } } +@media (min-width: 1700px){ #statuspanel[type="status"]::after{ background-size: 15%; animation-duration: 550ms } } +@media (min-width: 2200px){ #statuspanel[type="status"]::after{ animation-duration: 600ms } } +.browserContainer{ transform: translate(0) } \ No newline at end of file diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json index eb9acf3..dcc7d81 100644 --- a/html_resources/tagmap.json +++ b/html_resources/tagmap.json @@ -133,5 +133,6 @@ "vertical_menubar.css":["menubar","hack"], "vertical_popup_menubar.css":["menubar","menu","toolbars","popup"], "window_control_fallback_for_custom_windows_theme.css":["window-control","buttons","colors","patch"], -"window_control_placeholder_support.css":["window-control","patch"] +"window_control_placeholder_support.css":["window-control","patch"], +"loading_indicator_bouncing_line.css":["status","navigation","effect"] } diff --git a/tags.csv b/tags.csv index 86a4a54..c14e8b5 100644 --- a/tags.csv +++ b/tags.csv @@ -133,3 +133,4 @@ vertical_menubar.css,menubar,hack vertical_popup_menubar.css,menubar,menu,toolbars,popup window_control_fallback_for_custom_windows_theme.css,window-control,buttons,colors,patch window_control_placeholder_support.css,window-control,patch +loading_indicator_bouncing_line.css,status,navigation,effect