jarno
/
firefox-gnome-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tabsbar: Use spinner by default and remove optional feature

This commit is contained in:
Rafael Mardojai CM 2022-05-15 17:09:05 -05:00
parent e63c67c7ef
commit b38aaaf27f
2 changed files with 12 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
README.md
View File

@ -170,14 +170,6 @@ Optional features can be enabled by creating new `boolean` preferences in `about
> **Note:** You should move the new tab button somewhere else for this to work, because by default it is on the tab bar too. See [#54](https://github.com/rafaelmardojai/firefox-gnome-theme/issues/54). > **Note:** You should move the new tab button somewhere else for this to work, because by default it is on the tab bar too. See [#54](https://github.com/rafaelmardojai/firefox-gnome-theme/issues/54).
- **Spinner** `gnomeTheme.spinner`
Use the GNOME spinner for tabs loading.
> **Note:** This is optional because Firefox has issues rendering the spinner SVG:
>
> <img src="theme/icons/process-working-symbolic.svg" alt="GTK Spinner" width="50"/>
- **Normal width tabs** `gnomeTheme.normalWidthTabs` - **Normal width tabs** `gnomeTheme.normalWidthTabs`
Use normal width tabs as default Firefox. Use normal width tabs as default Firefox.

28
theme/parts/tabsbar.css
View File

@ -418,23 +418,19 @@ tab[selected]:-moz-window-inactive {
opacity: .1; opacity: .1;
} }
/* OPTIONAL: GNOME spinner */ /* Tab spinner */
/* Temporal until I find time to work around the rendering issue */ .tab-throbber::before {
@supports -moz-bool-pref("gnomeTheme.spinner") { animation: gnome-spinner 1s linear infinite !important;
/* Tab spinner */ background-image: url("../icons/process-working-symbolic.svg") !important;
.tab-throbber::before { width: 16px !important;
animation: gnome-spinner 1s linear infinite !important; opacity: 1 !important;
background-image: url("../icons/process-working-symbolic.svg") !important; }
width: 16px !important; @keyframes gnome-spinner {
opacity: 1 !important; from {
transform: rotate(0deg);
} }
@keyframes gnome-spinner { to {
from { transform: rotate(360deg);
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
} }
} }