X
Thinta lapha ukuze uye kuveshini yamakhalekhukhwini kusayithi.

Isithangami Sabeseki

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

"Close tab" button on left?

Kuphostiwe

Hey, I know this question has been tackled in the past, but I tried following previous guides and none of the code listed in those guides worked with the latest version of firefox (66). I'm a mac user (you guessed it lol) and I wanted to put the "close tab" x button on the left of the tab, and not the right, so that its consistent with the rest of Mac OS.

Does anyone know how to do that, or is there an extension which does this?

Thanks!

Hey, I know this question has been tackled in the past, but I tried following previous guides and none of the code listed in those guides worked with the latest version of firefox (66). I'm a mac user (you guessed it lol) and I wanted to put the "close tab" x button on the left of the tab, and not the right, so that its consistent with the rest of Mac OS. Does anyone know how to do that, or is there an extension which does this? Thanks!

Isisombululo esikhethiwe

I solved it! I used this video:

https://www.userchrome.org/how-create-userchrome-css.html

And this code:

.tabbrowser-tab .tab-throbber, .tabbrowser-tab .tab-icon-image, .tabbrowser-tab .tab-sharing-icon-overlay, .tabbrowser-tab .tab-icon-overlay, .tabbrowser-tab .tab-label-container, .tabbrowser-tab .tab-icon-sound {

 -moz-box-ordinal-group: 2 !important;

} .tabbrowser-tab .tab-close-button {

 margin-left: -2px !important;
 margin-right: 2px !important;

}

And it works perfectly!!

Funda le mpendulo ngokuhambisana nalesi sihloko 0
WestEnd
  • Top 25 Contributor
60 izisombululo 5379 izimpendulo
Kuphostiwe

Was the Customize option not working to move it?

Was the Customize option not working to move it?

Umnikazi wombuzo

The syntax was giving me a bunch of errors everywhere so it wouldn't take. It just didn't do anything. Sorry, I'm not really a coder I'm not sure why it wasn't working per-se, just that it didn't. Maybe the code just needs to be updated? I saw that people recommended chrome user files, and the stylish extension to do it, but I couldn't get it to work. Maybe I did something wrong?

The syntax was giving me a bunch of errors everywhere so it wouldn't take. It just didn't do anything. Sorry, I'm not really a coder I'm not sure why it wasn't working per-se, just that it didn't. Maybe the code just needs to be updated? I saw that people recommended chrome user files, and the stylish extension to do it, but I couldn't get it to work. Maybe I did something wrong?

Isisombululo Esikhethiwe

I solved it! I used this video:

https://www.userchrome.org/how-create-userchrome-css.html

And this code:

.tabbrowser-tab .tab-throbber, .tabbrowser-tab .tab-icon-image, .tabbrowser-tab .tab-sharing-icon-overlay, .tabbrowser-tab .tab-icon-overlay, .tabbrowser-tab .tab-label-container, .tabbrowser-tab .tab-icon-sound {

 -moz-box-ordinal-group: 2 !important;

} .tabbrowser-tab .tab-close-button {

 margin-left: -2px !important;
 margin-right: 2px !important;

}

And it works perfectly!!

I solved it! I used this video: https://www.userchrome.org/how-create-userchrome-css.html And this code: .tabbrowser-tab .tab-throbber, .tabbrowser-tab .tab-icon-image, .tabbrowser-tab .tab-sharing-icon-overlay, .tabbrowser-tab .tab-icon-overlay, .tabbrowser-tab .tab-label-container, .tabbrowser-tab .tab-icon-sound { -moz-box-ordinal-group: 2 !important; } .tabbrowser-tab .tab-close-button { margin-left: -2px !important; margin-right: 2px !important; } And it works perfectly!!
cor-el
  • Top 10 Contributor
  • Moderator
17468 izisombululo 157871 izimpendulo
Kuphostiwe

Note that this code that moves the close button to the left would be a lot easier:

.tabbrowser-tab .tab-close-button {-moz-box-ordinal-group: 0 !important;}
Note that this code that moves the close button to the left would be a lot easier: <pre><nowiki>.tabbrowser-tab .tab-close-button {-moz-box-ordinal-group: 0 !important;}</nowiki></pre>