Make the red circle (close button) a little bigger

Suggestions and feature requests for the Pale Moon browser

Moderator: satrow

User avatar
badnick
Fanatic
Fanatic
Posts: 249
Joined: Thu, 23 Mar 2017, 19:56

Make the red circle (close button) a little bigger

Postby badnick » Wed, 29 Mar 2017, 18:05

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

User avatar
badnick
Fanatic
Fanatic
Posts: 249
Joined: Thu, 23 Mar 2017, 19:56

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

Postby badnick » Fri, 21 Apr 2017, 04:21

Sorry, I wanted to say "red square".

themew
Moonbather
Moonbather
Posts: 67
Joined: Sat, 28 May 2016, 03:24

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

Postby themew » Fri, 21 Apr 2017, 14:23

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

User avatar
Lootyhoof
Themeist
Themeist
Posts: 973
Joined: Thu, 09 Feb 2012, 23:35
Location: United Kingdom

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

Postby Lootyhoof » Fri, 21 Apr 2017, 14:39

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).

themew
Moonbather
Moonbather
Posts: 67
Joined: Sat, 28 May 2016, 03:24

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

Postby themew » Fri, 21 Apr 2017, 18:50

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
Fanatic
Fanatic
Posts: 113
Joined: Mon, 01 Jun 2015, 12:52
Location: US Southeast

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

Postby BenFenner » Sat, 22 Apr 2017, 13:07

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: 20998
Joined: Sun, 28 Aug 2011, 17:27
Location: 58.5°N 15.5°E
Contact:

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

Postby Moonchild » Sat, 22 Apr 2017, 13:45

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.
Improving Mozilla code: You know you're on the right track with code changes when you spend the majority of your time deleting code.

User avatar
Lootyhoof
Themeist
Themeist
Posts: 973
Joined: Thu, 09 Feb 2012, 23:35
Location: United Kingdom

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

Postby Lootyhoof » Sat, 22 Apr 2017, 19:31

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
Lunatic
Lunatic
Posts: 336
Joined: Sat, 13 Jun 2015, 03:34
Location: KY

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

Postby adisib » Sun, 23 Apr 2017, 01:25

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
Fanatic
Fanatic
Posts: 249
Joined: Thu, 23 Mar 2017, 19:56

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

Postby badnick » Thu, 27 Apr 2017, 17:04

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
Fanatic
Fanatic
Posts: 249
Joined: Thu, 23 Mar 2017, 19:56

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

Postby badnick » Thu, 27 Apr 2017, 17:12

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
Fanatic
Fanatic
Posts: 249
Joined: Thu, 23 Mar 2017, 19:56

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

Postby badnick » Thu, 27 Apr 2017, 17:29

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)?

coffeebreak
Board Warrior
Board Warrior
Posts: 1176
Joined: Sat, 26 Sep 2015, 04:51
Location: U.S.

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

Postby coffeebreak » Fri, 28 Apr 2017, 14:35

badnick wrote:I don't have skills to introduce this code and I don't know where exactely.

It goes into the userChrome.css file, chrome folder, your profile. If userChrome.css\chrome are not present, create them:

C:\Users\<username>\AppData\Roaming\Moonchild Productions\Pale Moon\Profiles\<********>.default\chrome\userChrome.css

The changes require a browser restart to take effect -- and will persist.

User avatar
badnick
Fanatic
Fanatic
Posts: 249
Joined: Thu, 23 Mar 2017, 19:56

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

Postby badnick » Mon, 01 May 2017, 15:53

coffeebreak wrote:
badnick wrote:I don't have skills to introduce this code and I don't know where exactely.

It goes into the userChrome.css file, chrome folder, your profile. If userChrome.css\chrome are not present, create them:

C:\Users\<username>\AppData\Roaming\Moonchild Productions\Pale Moon\Profiles\<********>.default\chrome\userChrome.css

The changes require a browser restart to take effect -- and will persist.


Ok, thank you!


Return to “Suggestions/feature requests”

Who is online

Users browsing this forum: No registered users and 6 guests