diff --git a/chrome/tab_loading_progress_bar.css b/chrome/tab_loading_progress_bar.css new file mode 100644 index 0000000..1131ecc --- /dev/null +++ b/chrome/tab_loading_progress_bar.css @@ -0,0 +1,33 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tab_loading_progress_bar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + +/* This style creates a fake loading progress bar to the bottom of a tab as a replacement for normal loading throbber */ + +@keyframes tab-loading-line-anim{ from{ background-size: 0% } to { background-size: 20% } } +.tab-background::after{ + background-size: 90%; +} +.tabbrowser-tab:is([busy],[bursting]) > .tab-stack > .tab-background::after{ + content: ""; + display: -moz-box; + height: 2px; + background-color:transparent; + background-repeat: no-repeat; + background-image: linear-gradient(currentColor,currentColor); + transition: background-size 80ms ease-out; +} +.tabbrowser-tab[busy]:not([progress],[bursting]) > .tab-stack > .tab-background::after{ + animation: tab-loading-line-anim 80ms ease; + background-size: 20%; + opacity: 0.5; +} +.tabbrowser-tab[busy][progress] > .tab-stack > .tab-background::after{ + transition-duration: 2000ms; +} +.tabbrowser-tab[bursting] > .tab-stack > .tab-background::after{ + transition: background-size 80ms ease-out, opacity 80ms linear; + background-size: 100%; + opacity: 0; +} +.tab-throbber{ display: none !important; } +.tab-icon-image[src]{ display: -moz-box !important; } diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json index ab55d94..b841553 100644 --- a/html_resources/tagmap.json +++ b/html_resources/tagmap.json @@ -152,5 +152,6 @@ "window_control_fallback_for_custom_windows_theme.css":["window-control","buttons","colors","patch"], "window_control_force_linux_system_style.css":["window-control","buttons","icon"], "window_control_placeholder_support.css":["window-control","patch"], -"fake_tab_tooltip.css":["tab","hack","popup"] +"fake_tab_tooltip.css":["tab","hack","popup"], +"tab_loading_progress_bar.css":["tab","effect"] } diff --git a/tags.csv b/tags.csv index f2f6739..924f3d9 100644 --- a/tags.csv +++ b/tags.csv @@ -152,3 +152,4 @@ window_control_fallback_for_custom_windows_theme.css,window-control,buttons,colo window_control_force_linux_system_style.css,window-control,buttons,icon window_control_placeholder_support.css,window-control,patch fake_tab_tooltip.css,tab,hack,popup +tab_loading_progress_bar.css,tab,effect