Make the red circle (close button) a little bigger

Suggestions and feature requests for the Pale Moon browser

Moderators: satrow, Indalecio

User avatar
badnick
Apollo supporter
Apollo supporter
Posts: 34
Joined: Thu Mar 23, 2017 7:56 pm

Make the red circle (close button) a little bigger

Postby badnick » Wed Mar 29, 2017 6:05 pm

I wish to see the "close" button for background tabs also(to be activated).

User avatar
badnick
Apollo supporter
Apollo supporter
Posts: 34
Joined: Thu Mar 23, 2017 7:56 pm

Re: Make the red circle (close button) a little bigger

Postby badnick » Fri Apr 21, 2017 4:21 am

Sorry, I wanted to say "red square".

User avatar
themew
Apollo supporter
Apollo supporter
Posts: 38
Joined: Sat May 28, 2016 3:24 am

Re: Make the red circle (close button) a little bigger

Postby themew » Fri Apr 21, 2017 2:23 pm

+1 on this. As I get older, target practice hitting the tiny red square is getting harder :)

User avatar
Lootyhoof
Themeist
Themeist
Posts: 734
Joined: Thu Feb 09, 2012 11:35 pm
Location: United Kingdom

Re: Make the red circle (close button) a little bigger

Postby Lootyhoof » Fri Apr 21, 2017 2:39 pm

Add the following to either Stylish or userChrome.css:

Code: Select all

.close-icon,
.close-icon > .toolbarbutton-icon {
  padding: 0 !important;
  min-width: 20px !important;
}

If you need it any larger, just make the 20 a larger number (for example, 30).

User avatar
themew
Apollo supporter
Apollo supporter
Posts: 38
Joined: Sat May 28, 2016 3:24 am

Re: Make the red circle (close button) a little bigger

Postby themew » Fri Apr 21, 2017 6:50 pm

Lootyhoof wrote:Add the following to either Stylish or userChrome.css:

Code: Select all

.close-icon,
.close-icon > .toolbarbutton-icon {
  padding: 0 !important;
  min-width: 20px !important;
}

If you need it any larger, just make the 20 a larger number (for example, 30).


I use Australium 3.0.2 in Linux. Where would I find the file I need to edit?

BenFenner
Apollo supporter
Apollo supporter
Posts: 44
Joined: Mon Jun 01, 2015 12:52 pm
Location: US Southeast

Re: Make the red circle (close button) a little bigger

Postby BenFenner » Sat Apr 22, 2017 1:07 pm

I don't think I've clicked the close button on a tab in 10 years.

For those with a middle-button (or click-able scroll wheel) on your pointing device (mouse, trackball, trackpad, etc.) you can use the entire size of the tab to close it (no need to be precise).
Simply middle click on the tab to close it.

Similarly, you can open links into new tabs with the same middle-click.

This has been common behavior for tabbed browsers from the beginning (or nearly so).

User avatar
Moonchild
Pale Moon guru
Pale Moon guru
Posts: 18335
Joined: Sun Aug 28, 2011 5:27 pm
Location: 58.5°N 15.5°E
Contact:

Re: Make the red circle (close button) a little bigger

Postby Moonchild » Sat Apr 22, 2017 1:45 pm

Different people have different preferences.
e.g. I hate having to click the wheel and will usually (but not exclusively) use the close button, myself.

Suggesting alternatives to actions can be useful, but aren't usually what people are looking for.

To display the close button on tabs at smaller widths (normally hidden if you have many tabs open), you want to adjust the "browser.tabs.tabClipWidth" preference in about:config, which is the size at which the close button is no longer displayed (when tabs become smaller than that). Default is 140 (pixels), you can set it to a small value, e.g. 32 (allowing at minimum the favicon and close button). Restart the browser after changing it to have it take effect.
Light travels faster than sound. That's why some people look brilliant, until you hear them speak.
Image

User avatar
Lootyhoof
Themeist
Themeist
Posts: 734
Joined: Thu Feb 09, 2012 11:35 pm
Location: United Kingdom

Re: Make the red circle (close button) a little bigger

Postby Lootyhoof » Sat Apr 22, 2017 7:31 pm

themew wrote:
Lootyhoof wrote:Add the following to either Stylish or userChrome.css:

Code: Select all

.close-icon,
.close-icon > .toolbarbutton-icon {
  padding: 0 !important;
  min-width: 20px !important;
}

If you need it any larger, just make the 20 a larger number (for example, 30).


I use Australium 3.0.2 in Linux. Where would I find the file I need to edit?

http://kb.mozillazine.org/index.php?tit ... Chrome.css

adisib
Fanatic
Fanatic
Posts: 219
Joined: Sat Jun 13, 2015 3:34 am
Location: KY

Re: Make the red circle (close button) a little bigger

Postby adisib » Sun Apr 23, 2017 1:25 am

Off-topic:
Moonchild wrote:Different people have different preferences.
e.g. I hate having to click the wheel and will usually (but not exclusively) use the close button, myself.


Interesting, I use the mouse wheel much more than I use left click in general when it comes to browsing. I click the mouse wheel to use auto-scrolling for scroll more than I actually scroll with it to scroll (it is less hand movement and easier to control precisely). I middleclick to open links in a new tab far more often than redirecting a tab (as opening a page just to redirect to a single location is inefficient; if that is the case I would likely search for a way to get directly to my destination), which will then follow with me closing the tab with middleclick when I am done with it (which makes it much quicker and less error prone). My hand generally rests with my index finger on the scroll wheel when I am browsing; a browser is all about movement and it makes more sense.

User avatar
badnick
Apollo supporter
Apollo supporter
Posts: 34
Joined: Thu Mar 23, 2017 7:56 pm

Re: Make the red circle (close button) a little bigger

Postby badnick » Thu Apr 27, 2017 5:04 pm

I never use middle click mouse wheel for anything but scrolling, and I think intensive use in this mode(click) will broke earlyer the mouse whell.

User avatar
badnick
Apollo supporter
Apollo supporter
Posts: 34
Joined: Thu Mar 23, 2017 7:56 pm

Re: Make the red circle (close button) a little bigger

Postby badnick » Thu Apr 27, 2017 5:12 pm

Moonchild wrote:Different people have different preferences.
e.g. I hate having to click the wheel and will usually (but not exclusively) use the close button, myself.

Suggesting alternatives to actions can be useful, but aren't usually what people are looking for.

To display the close button on tabs at smaller widths (normally hidden if you have many tabs open), you want to adjust the "browser.tabs.tabClipWidth" preference in about:config, which is the size at which the close button is no longer displayed (when tabs become smaller than that). Default is 140 (pixels), you can set it to a small value, e.g. 32 (allowing at minimum the favicon and close button). Restart the browser after changing it to have it take effect.


Thanks, I saw only now your reply!

User avatar
badnick
Apollo supporter
Apollo supporter
Posts: 34
Joined: Thu Mar 23, 2017 7:56 pm

Re: Make the red circle (close button) a little bigger

Postby badnick » Thu Apr 27, 2017 5:29 pm

Lootyhoof wrote:Add the following to either Stylish or userChrome.css:

Code: Select all

.close-icon,
.close-icon > .toolbarbutton-icon {
  padding: 0 !important;
  min-width: 20px !important;
}

If you need it any larger, just make the 20 a larger number (for example, 30).


I don't have skills to introduce this code and I don't know where exactely. And if by chance I will do it the change remains (after closing and reopen PM)?


Return to “Suggestions/feature requests”

Who is online

Users browsing this forum: No registered users and 1 guest