Close Tab button on the left side of tab
-
- Posts: 4
- Joined: March 1st, 2008, 10:59 am
Close Tab button on the left side of tab
Hello
Is there any chance to place 'close tab button' on the left side (Mac style) without installing any extensions?
I tried to edit userchrome.css but I haven't succeded.
Any idea?
Is there any chance to place 'close tab button' on the left side (Mac style) without installing any extensions?
I tried to edit userchrome.css but I haven't succeded.
Any idea?
-
- Guest
-
- Guest
userChrome.css:
Make sure the file is named "userChrome.css"- mind the capital 'C'- and that it is in the correct location:
http://kb.mozillazine.org/UserChrome.css
If you're using a theme other than the default and the above CSS isn't working, post the theme title.
Code: Select all
.tab-image-middle, .tab-image-right {
-moz-box-ordinal-group: 2 !important;
}
.tab-image-middle {
padding-left: .5em !important;
}
Make sure the file is named "userChrome.css"- mind the capital 'C'- and that it is in the correct location:
http://kb.mozillazine.org/UserChrome.css
If you're using a theme other than the default and the above CSS isn't working, post the theme title.
- Orphu of Io
- Posts: 172
- Joined: December 3rd, 2007, 7:20 pm
I'm not on a Mac but maybe it will work the same:
The previous CSS I posted was for Firefox 2.
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;
}
The previous CSS I posted was for Firefox 2.
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9) Gecko/2008051206 Firefox/3.0
- BostonPeng
- Posts: 343
- Joined: October 31st, 2007, 9:39 am
- Location: Malden (Boston), MA
- Contact:
-
- Posts: 4
- Joined: March 1st, 2008, 10:59 am
Orphu of Io wrote:I'm not on a Mac but maybe it will work the same: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;
}
The previous CSS I posted was for Firefox 2.
Now it looks like this:
- Orphu of Io
- Posts: 172
- Joined: December 3rd, 2007, 7:20 pm
That's weird. I guess the original CSS I posted was closer for Mac on the latest nightly. With the original CSS, I get the same result as you when I only have the close button on active tabs. This might work, if not, we'll have to wait for a mac user to help.
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;
visibility: collapse !important;
}
tab[selected="true"] .tab-close-button {
visibility: visible !important;
}
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9) Gecko/2008051206 Firefox/3.0
-
- Posts: 4
- Joined: March 1st, 2008, 10:59 am
Orphu of Io wrote:That's weird. I guess the original CSS I posted was closer for Mac on the latest nightly. With the original CSS, I get the same result as you when I only have the close button on active tabs. This might work, if not, we'll have to wait for a mac user to help.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;
visibility: collapse !important;
}
tab[selected="true"] .tab-close-button {
visibility: visible !important;
}
Works perfect now
Thanks a lot!
- Orphu of Io
- Posts: 172
- Joined: December 3rd, 2007, 7:20 pm
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:
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;
}
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9) Gecko/2008051206 Firefox/3.0
-
- Posts: 61
- Joined: November 4th, 2007, 2:26 pm
This is great!Orphu of Io wrote:That's weird. I guess the original CSS I posted was closer for Mac on the latest nightly. With the original CSS, I get the same result as you when I only have the close button on active tabs. This might work, if not, we'll have to wait for a mac user to help.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;
visibility: collapse !important;
}
tab[selected="true"] .tab-close-button {
visibility: visible !important;
}
how can I make the tab bar more Safari like?
I would like the tab bar to have no favicons and throbber on the right, could that also be done with userChrome.css?
- Egidio
- Posts: 2220
- Joined: October 19th, 2007, 5:58 am
- Location: Just a Mac user in Austin, TX
- Contact:
Re: Close Tab button on the left side of tab
lousie wrote:Is there any chance to place 'close tab button' on the left side (Mac style) without installing any extensions?
Though I really like the default theme in FF 3RC1, I really dislike the close button on the right side of the tab. It makes no sense to me why they did that. Having the button on the left-hand side makes it easier to close tabs no matter how large the tabs are. The close button will always be there on the left. So, once you close one tab, the others can be closed by just clicking your mouse -- no need to move it to find the close button.
Anyway, to have your close button on the left, just install the theme GrApple. There are 5 variations -- and all with the close button on the left. They are compatible with FF 3RC1.
.
Egídio
Mac OS X [10.6.4]
Mac OS X [10.6.4]
-
- Posts: 61
- Joined: November 4th, 2007, 2:26 pm