2020-09-01 09:14:40 +00:00
|
|
|
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tab_line_loading_indicator.css made available under Mozilla Public License v. 2.0
|
|
|
|
|
See the above repository for updates as well as full license text. */
|
|
|
|
|
|
2020-09-01 09:17:02 +00:00
|
|
|
/* Hide the normal loading indicator (just show tab-icon instead) and make the top tab-line bounce left-to-right */
|
|
|
|
|
|
2021-06-27 07:18:02 +00:00
|
|
|
@keyframes tab-loading-line-anim{from{background-position-x: left}to{background-position-x: right}}
|
|
|
|
|
.tabbrowser-tab[busy] > .tab-stack > .tab-background::before,
|
2021-05-08 11:54:52 +00:00
|
|
|
.tab-background[selected]::before{
|
|
|
|
|
content: "";
|
2023-03-11 10:26:07 +00:00
|
|
|
display: flex;
|
2021-05-08 11:54:52 +00:00
|
|
|
height: 2px;
|
2021-06-27 07:18:02 +00:00
|
|
|
background-color:transparent;
|
2021-05-08 11:54:52 +00:00
|
|
|
background-repeat: no-repeat;
|
2020-09-01 09:17:02 +00:00
|
|
|
background-size: 100%;
|
2021-05-08 11:54:52 +00:00
|
|
|
transition: background-size 80ms linear;
|
2020-09-01 09:17:02 +00:00
|
|
|
}
|
|
|
|
|
|
2021-06-27 07:18:02 +00:00
|
|
|
.tabbrowser-tab[busy] > .tab-stack > .tab-background::before{
|
2021-05-08 11:54:52 +00:00
|
|
|
background-size: 10%;
|
2021-06-27 07:18:02 +00:00
|
|
|
background-image: linear-gradient(currentColor,currentColor);
|
2021-05-08 11:54:52 +00:00
|
|
|
opacity: 0.7;
|
2021-06-27 07:18:02 +00:00
|
|
|
animation: tab-loading-line-anim 400ms alternate infinite ease-in-out;
|
2020-09-01 09:17:02 +00:00
|
|
|
}
|
|
|
|
|
|
2021-06-27 07:18:02 +00:00
|
|
|
.tab-throbber{ display: none }
|
2023-03-11 10:26:07 +00:00
|
|
|
.tab-icon-image[src]{ display: block }
|
