[Ext] Fission 0.8.9 [Sep 25]
-
- Posts: 0
- Joined: December 31st, 1969, 5:00 pm
@XerBlade: At the moment, adding the code for that option would almost double the size of the extension, creating UI for one pref which doesn't really fit into Firefox' options dialog seems somewhat ridiculous and adding a hidden pref seems not much better than promoting the style hack above (to which you easily get through the extension's homepage link). So: rather not.
@Fredo: That's a problem I haven't been able to find a solution for. Probably with some ugly hacking, I could provide you a possibility to apply different styles when the progress bar is shown - but depending on the contrast, that'd still render half the address bar illegible. So far, I recommend you to choose a sane color for the progress bar (see the first styling example above) - i.e. a pretty light/dark one, depending on the default text color used for the address bar.
@Fredo: That's a problem I haven't been able to find a solution for. Probably with some ugly hacking, I could provide you a possibility to apply different styles when the progress bar is shown - but depending on the contrast, that'd still render half the address bar illegible. So far, I recommend you to choose a sane color for the progress bar (see the first styling example above) - i.e. a pretty light/dark one, depending on the default text color used for the address bar.
- Schrade
- Posts: 1187
- Joined: March 17th, 2004, 12:24 am
I use Stylish to manage the look of Fission. I just entered each of the userChrome.css code samples that were provided into a separate Stylish entry and I can enable/disable them at will.
"Linux is for those who hate Windows, BSD is for those who love Unix." -Some Guy
Try my themes: QuBranch and QuTrunk
Fix Firefox's Resized image scrolling speed: <b>Bug 163975</b>
Try my themes: QuBranch and QuTrunk
Fix Firefox's Resized image scrolling speed: <b>Bug 163975</b>
- XerBlade
- Posts: 865
- Joined: October 4th, 2005, 10:45 pm
- Location: Nashville, TN, US
-
- Posts: 0
- Joined: December 31st, 1969, 5:00 pm
All right, for people afraid of touching userChrome.css and/or not able to use ChromEdit, I've readded a download link to Fission 0.1 which provides you with an icon-style progress bar. Fission 0.3 has to be styled anyway in most cases (since the minimalistic default looks far from great), therefore Stylish should be the better alternative to a hidden pref.
- shawn^
- Posts: 193
- Joined: November 20th, 2005, 1:26 am
Bazon wrote:@zeniko:
Thank you, it works great now!
I addapted SaFire milk (<a href="javascript:void(InstallTrigger.installChrome(InstallTrigger.SKIN,'http://www.deviantart.com/download/20457909/','SaFireMilk'))">install</a>) and SaFire (<a href="javascript:void(InstallTrigger.installChrome(InstallTrigger.SKIN,'http://www.deviantart.com/download/19147285/','SaFire'))">install</a>) now for this extension, I'm sure "my clients" will be happy about the abaility of this extension in the theme
Bazon, I've been using ur safire milk them for quite some time now and I like it very much. However with 1.09, I am unable to change the color of my tab progressbar via tabmix. Its defaulted to baby blue and no matter what I change it to via tabmix's UI it still stays baby blue.
- Bazon
- Posts: 138
- Joined: June 21st, 2005, 5:35 am
- Location: Berlin\Germany\Europe
@shawn:
No problem!
If you prefer only the background color and no internal progressmeter on the tabs:
Put in your userChrome.css or the Stylish extension.
And another tip for Fission + TabMix Plus users:
You don't like redundant progressmeters, in the URL-bar and on tabs?
Then turn of the progressmeter on the active Tab:then you got progressmeters on the tabs for passive tabs and fission in the URL bar for the active Tab.
I use it that way.
No problem!
If you prefer only the background color and no internal progressmeter on the tabs:
Put
Code: Select all
tab .progress-bar {background-image: none !important}
And another tip for Fission + TabMix Plus users:
You don't like redundant progressmeters, in the URL-bar and on tabs?
Then turn of the progressmeter on the active Tab:
Code: Select all
tab[selected="true"] .tab-progress {display: none !important;}
I use it that way.
- shawn^
- Posts: 193
- Joined: November 20th, 2005, 1:26 am
Bazon wrote:@shawn:
No problem!
If you prefer only the background color and no internal progressmeter on the tabs:
Putin your userChrome.css or the Stylish extension.Code: Select all
tab .progress-bar {background-image: none !important}
And another tip for Fission + TabMix Plus users:
You don't like redundant progressmeters, in the URL-bar and on tabs?
Then turn of the progressmeter on the active Tab:then you got progressmeters on the tabs for passive tabs and fission in the URL bar for the active Tab.Code: Select all
tab[selected="true"] .tab-progress {display: none !important;}
I use it that way.
Thanks Bazon
To the developers of this extension. Perhaps if u could first display the status of the connection in the URL bar and then replace it with the progress bar (its in icon mode for me) then the status bar would prove useless.
Here's what I mean
I type in an address and press enter. The status bar shows "waiting for xxx" and then "connected to xxx" and then the progress bar lights up.
How about showing (within the URLBAR) Waiting..., Connected... and then replace it with the progress bar as it does now.
-
- Posts: 137
- Joined: May 31st, 2004, 9:05 am
- Bazon
- Posts: 138
- Joined: June 21st, 2005, 5:35 am
- Location: Berlin\Germany\Europe
@RoseCityMike:
As this is a SaFire question it's probably more for me
OK, but now you want a regular aqua Progressmeter?
Put this in your userChrome.css or Stylish:
if you want another progressmeter image, save it in the chrome folder of the profilefolder and use
instead.
BTW: AFAIK the actual appearance of fission in SaFire is like in Safari, I haven't seen a aqua progressmeter in Safari, but I may be wrong,I don't have a MAC...
But for future request about SaFire + fission: Please concider posting it in another (new) thread, this thread is mainly about fission and people who use other themes get bored/bothered by this.
You can write me a PM to be sure I'm reading the (possibly) new thread.
As this is a SaFire question it's probably more for me
If you got only a blue line instead of a full blue URL-Bar, you probably use fission 0.2 instead of fission 0.3. Also please be sure that you use the most recent version of SaFire (1.09) (links and direct install in this post or my signature)RoseCityMike wrote:How do you make the agua type progress bar instead of the baby blue solid line I get now?
OK, but now you want a regular aqua Progressmeter?
Put this in your userChrome.css or Stylish:
Code: Select all
#urlbar #statusbar-icon > .progress-bar {
background: url("chrome://global/skin/progressmeter/progressmeter-busy.gif") repeat-x left center !important;
background-color: transparent !important;
margin: 0 !important; }
if you want another progressmeter image, save it in the chrome folder of the profilefolder and use
Code: Select all
#urlbar #statusbar-icon > .progress-bar {
background: url("yourimage.gif") repeat-x left center !important;
background-color: transparent !important;
margin: 0 !important; }
BTW: AFAIK the actual appearance of fission in SaFire is like in Safari, I haven't seen a aqua progressmeter in Safari, but I may be wrong,I don't have a MAC...
But for future request about SaFire + fission: Please concider posting it in another (new) thread, this thread is mainly about fission and people who use other themes get bored/bothered by this.
You can write me a PM to be sure I'm reading the (possibly) new thread.
-
- Posts: 0
- Joined: December 31st, 1969, 5:00 pm
shawn^ wrote:To the developers of this extension. Perhaps if u could first display the status of the connection in the URL bar and then replace it with the progress bar (its in icon mode for me) then the status bar would prove useless.
I don't think that's a good idea, but here you go: <a href="data:application/x-xpinstall;base64,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">Fission (Status)</a> (download before installing). This extension will move the status bar text line to the right of the progress bar (in icon-style) and hide it whenever the progress bar is active. If you want, you can style the text some more:
Code: Select all
/* Always show the text */
#statusbar-display { visibility: visible !important; }
/* Limit the maximal length of the text */
#statusbar-display { max-width: 300px !important; }
/* Don't display "Done" */
#statusbar-display[value="Done"] { visibility: collapsed !important; }
And if it gets stuck somehow, clicking on the text will clear it away.
There are two problems with the way it's done here: the status bar text occasionally gets stuck, especially when you're working in several tabs at the same time (see bug 104532); and when hovering over links, you won't see the current address and the link address at the same time (if both addresses are above a certain length).
- Branstrom
- Posts: 97
- Joined: March 16th, 2004, 9:45 am
- Location: Sweden
- Contact:
- Branstrom
- Posts: 97
- Joined: March 16th, 2004, 9:45 am
- Location: Sweden
- Contact:
zeniko wrote:@Fredo: That's a problem I haven't been able to find a solution for. Probably with some ugly hacking, I could provide you a possibility to apply different styles when the progress bar is shown - but depending on the contrast, that'd still render half the address bar illegible. So far, I recommend you to choose a sane color for the progress bar (see the first styling example above) - i.e. a pretty light/dark one, depending on the default text color used for the address bar.
Yeah, that was my conclusion too... but maybe you could make the option available? I could solve the problem by setting the same background for the URL element.
-
- Posts: 0
- Joined: December 31st, 1969, 5:00 pm
<a href="http://www.haslo.ch/zeniko/software/fission.xpi">Fission 0.4</a> finally combines both Fusion-style and Icon-style into one neat package. You can now instantly switch between the two through the hidden pref extensions.fission.iconize. In userChrome.css, you can style both styles differently through the following CSS selections:
@shawn^: Update to Fission 0.4 and install this new version of <a href="data:application/x-xpinstall;base64,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">Fission (Status)</a> (download before installing). This looks better. Note that for styling, you'll have to replace all occurrences of #statusbar-display with #fission-status in userChrome.css.
@Fredo: You have now an attribute progress on #urlbar which is set to a number between 0 and 100. Depending on that value, you could change the text color or the background color. See the fourth example in the first post.
Code: Select all
#urlbar > #statusbar-icon { /* applies to Fusion-style only */ }
#urlbar > hbox > #statusbar-icon { /* applies to Icon-style only */ }
#urlbar #statusbox { /* applies to both styles, but not to the progress bar in the status bar */ }
@shawn^: Update to Fission 0.4 and install this new version of <a href="data:application/x-xpinstall;base64,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">Fission (Status)</a> (download before installing). This looks better. Note that for styling, you'll have to replace all occurrences of #statusbar-display with #fission-status in userChrome.css.
@Fredo: You have now an attribute progress on #urlbar which is set to a number between 0 and 100. Depending on that value, you could change the text color or the background color. See the fourth example in the first post.