search

louischan / simplewhite

A minimal theme for Mozilla Firefox.
https://addons.mozilla.org/addon/simplewhite/
Mozilla Public License 2.0
77 stars 20 forks source link

Issue with a Tab Mix Plus #6

Open DenisBob opened 9 years ago

DenisBob commented 9 years ago

In this theme v2.2.1 with TabMixPlus v0.4.1.5 then turn on option "load page progress indicator", indicator do not displayed correctly. Indicator appear below than in Australis Firefox standard theme. See attached screenshot. Sorry for my bad English. ) australis simple white

mwarrenus commented 9 years ago

To workaround this issue (Firefox v33.0.2, with the Tab Mix Plus v0.4.1.5.2 addon, and the theme Simple White v2.2.2) , I added the rule below to userChrome.css. It modifies a CSS rule from Tab Mix Plus' chrome://tabmixplus/skin/app_version/4.0/win/progress.css:

.tabbrowser-tabs[tabmix_australis]:not([treestyletab-mode="vertical"])
    > .tabbrowser-tab > .tab-stack > .tab-progress-container > .tab-progress {
  margin-top: -4px !important;
}

DOM Inspector + Element Inspector helped to find what to modify. With those two addons installed, shift-right-click on a tab to open DOM Inspector and highlight that DOM element in DOM Inspector's outline. Just above the showhover-box, open the tab-progress-container outline item. Select the tab-progress item revealed in the outline. Click the drop down at the top of the right column in DOM Inspector to change the displayed information from "Object - DOM Node" to "Object - CSS Rules". Finally, right-click on each of the .tab-progress rules to "View File" and examine the CSS files and rules therein.