Close Tab button on the left side of tab

Discussion of general topics about Mozilla Firefox
BrianFX
Posts: 6
Joined: June 17th, 2008, 3:35 pm

Re:

Post by BrianFX »

alterna wrote:
Louise6380 wrote:I would like the tab bar to have no favicons


/* hide all tab favicons 3.0 */
.tabbrowser-tab > .tab-icon-image { display: none !important; }

userChrome.css

This doesn't appear to work in 3.0 Final. I've tried this and all 3 about:config icon options set to false, I still have favicons present... Any suggestions?

I don't understand why disabling them requires such legwork, this should be a standard option. FF2 required a user.js addition (which is broken in FF3 of course, so much for legacy compatibility...).

:evil: :evil: :evil:
phiw13
Posts: 2777
Joined: November 7th, 2002, 1:00 am
Location: Japan
Contact:

Re: Close Tab button on the left side of tab

Post by phiw13 »

Type about:config in the location bar
search for 'browser.chrome.favicons' and set it to false

add in your userchrome.css:

Code: Select all

.tab-icon { display:none !important;}
BrianFX
Posts: 6
Joined: June 17th, 2008, 3:35 pm

Re: Close Tab button on the left side of tab

Post by BrianFX »

phiw13 wrote:Type about:config in the location bar
search for 'browser.chrome.favicons' and set it to false

add in your userchrome.css:

Code: Select all

.tab-icon { display:none !important;}

Still nothing..

I imagine these setting are probably working in disabling the addition of new favicons, but getting rid of the existing ones doesn't seem to work... ](*,)
jethrox
Posts: 42
Joined: May 20th, 2004, 12:36 am

Re: Close Tab button on the left side of tab

Post by jethrox »

You could always just install one of Aronnax's GrApple themes if you want a more Safari looking browser, the "Yummy" version has the Safari-style tabs.

It'd be nice to see Firefox have it's own identity but given the current theme I'll take GrApple every time.

Now if only Inquisitor worked with FF...
User avatar
RaiseMachine
Posts: 1764
Joined: December 6th, 2004, 6:05 pm
Location: England

Re: Close Tab button on the left side of tab

Post by RaiseMachine »

BrianFX wrote:
phiw13 wrote:Type about:config in the location bar
search for 'browser.chrome.favicons' and set it to false

add in your userchrome.css:

Code: Select all

.tab-icon { display:none !important;}

Still nothing..

I imagine these setting are probably working in disabling the addition of new favicons, but getting rid of the existing ones doesn't seem to work... ](*,)


No, no; it's just that some people can't be bothered to test code that they post...

This is the correct code.

Code: Select all

.tab-icon-image { display:none !important; }
"Doesn't the idea of making nature against the law seem to you a bit... unnatural ?" - Bill Hicks
"Money is the Schrodinger's Cat of economics." - Robert Anton Wilson
"It's not a bug, it's two features having a fight in the pub car-park." - Me
unagi9000
Posts: 2
Joined: June 18th, 2008, 11:00 am

Re: Close Tab button on the left side of tab

Post by unagi9000 »

For those of you who want the favicons to be displayed: If you had the issue that if you open too many tabs, the close button will jump to the right again, the following variant of the code should be for you.

Code: Select all

.tab-image-middle, .tab-image-right {
  -moz-box-ordinal-group: 2 !important;
}

.tab-image-middle {
  padding-left: .5em !important;
}

.tab-close-button {
  display: -moz-box !important;
}


Cheers
guestlogin
Posts: 30
Joined: September 3rd, 2006, 11:57 am

Re:

Post by guestlogin »

Orphu of Io wrote:Great! I'm surprised though, lol.

Edit: I should mention that if you decide to display a close button on all tabs via browser.tabs.closeButtons, you'll need to remove the last two rules:

Code: Select all

.tab-close-button {
  display: -moz-box !important;
  visibility: collapse !important;
}

tab[selected="true"] .tab-close-button {
    visibility: visible !important;
}


This thread helped me, but I was wondering how can I make the close button disappear if the tabs start to resize from the default size?
tbassetto
Posts: 1
Joined: October 29th, 2008, 9:44 am

Re: Close Tab button on the left side of tab

Post by tbassetto »

Up :)

The CSS code above for displaying close buttons on the left doesn't seem to work on Firefox 3.5 Mac :(
jram
Posts: 86
Joined: March 17th, 2004, 11:12 am

Re: Close Tab button on the left side of tab

Post by jram »

Try this, worked for me.

.tab-icon-image {
-moz-box-ordinal-group: 2 !important;
}

.tab-text {
-moz-box-ordinal-group: 3 !important;
}

.tab-close-button {
margin-left: .5em !important;
}
unagi9000
Posts: 2
Joined: June 18th, 2008, 11:00 am

Re: Close Tab button on the left side of tab

Post by unagi9000 »

The above code doesn't alter the position of the first tab's close button. Maybe this solution is a bit dirty, but it works on 3.5 (Mac):

Code: Select all

.tab-icon-image {
-moz-box-ordinal-group: 2 !important;
}

.tab-text {
-moz-box-ordinal-group: 3 !important;
}

.tab-close-button {
margin-left: .5em !important;
}

.tab-close-button {
padding-right: .5em !important;
}

.tab-close-button {
  display: -moz-box !important;
}

.tabbrowser-tabs[closebuttons="alltabs"] >
.tabbrowser-tab >
.tab-close-button {
   display: -moz-box !important;
}

.tabbrowser-tabs:not([closebuttons="noclose"]):not([closebuttons="closeatend"]) >
.tabbrowser-tab[selected="true"] >
.tab-close-button {
   display: -moz-box !important;
}
jram
Posts: 86
Joined: March 17th, 2004, 11:12 am

Re: Close Tab button on the left side of tab

Post by jram »

Better yet, thanks. Snow Leopard
Bramus!
Posts: 1
Joined: December 2nd, 2010, 7:45 am

Re: Close Tab button on the left side of tab

Post by Bramus! »

Here's my take at it (tested with Firefox 4.0b7):

Image
Normal Tab

Image
Hovered Tab

Image
Hovered App Tab (no close button at all)

The used CSS can be found at http://www.bram.us/2010/12/02/positioni ... -the-left/
goldyn chyld
Posts: 280
Joined: November 11th, 2010, 12:31 pm

Re: Close Tab button on the left side of tab

Post by goldyn chyld »

Bramus! wrote:Here's my take at it (tested with Firefox 4.0b7):

Image
Normal Tab

Image
Hovered Tab

Image
Hovered App Tab (no close button at all)

The used CSS can be found at http://www.bram.us/2010/12/02/positioni ... -the-left/


Hey, this looks like exactly what I would need. Could you please let me know how to do it though? I have no experience working with CSS and stuff...
sumguy
Posts: 26
Joined: September 24th, 2008, 6:55 am

Re: Close Tab button on the left side of tab

Post by sumguy »

this puts the close button on the left, favicon on the right. the way it should be. :wink:
works in firefox 5.


.tab-content { -moz-box-direction: reverse !important; }
User avatar
mikedl
Posts: 1236
Joined: October 14th, 2010, 4:47 pm
Location: Florida, USA

Re: Close Tab button on the left side of tab

Post by mikedl »

I've bee using this [Style]Firefox 5 Combine Tab Icon and Tab Close Button from rob64rock for quite some time now - I love it! :)
"It may be that there are true demonstrations; but this is not certain. Thus, this proves nothing else but that it is not certain that all is uncertain, to the glory of skepticism." Pascal's Pensées
Post Reply