Make the red circle (close button) a little bigger

Talk about code development, features, specific bugs, enhancements, patches, and similar things.
Forum rules
Please keep everything here strictly on-topic.
This board is meant for Pale Moon source code development related subjects only like code snippets, patches, specific bugs, git, the repositories, etc.

This is not for tech support! Please do not post tech support questions in the "Development" board!
Please make sure not to use this board for support questions. Please post issues with specific websites, extensions, etc. in the relevant boards for those topics.

Please keep things on-topic as this forum will be used for reference for Pale Moon development. Expect topics that aren't relevant as such to be moved or deleted.
User avatar
badnick
Astronaut
Astronaut
Posts: 670
Joined: 2017-03-23, 19:56

Make the red circle (close button) a little bigger

Unread post by badnick » 2017-03-29, 18:05

I wish to see the "close" button for background tabs also(to be activated).
Windows 10 pro /64 (version 1809)
PM last/64

User avatar
badnick
Astronaut
Astronaut
Posts: 670
Joined: 2017-03-23, 19:56

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

Unread post by badnick » 2017-04-21, 04:21

Sorry, I wanted to say "red square".
Windows 10 pro /64 (version 1809)
PM last/64

themew

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

Unread post by themew » 2017-04-21, 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: 1569
Joined: 2012-02-09, 23:35
Location: United Kingdom

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

Unread post by Lootyhoof » 2017-04-21, 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

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

Unread post by themew » 2017-04-21, 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
Astronaut
Astronaut
Posts: 588
Joined: 2015-06-01, 12:52
Location: US Southeast

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

Unread post by BenFenner » 2017-04-22, 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: 35635
Joined: 2011-08-28, 17:27
Location: Motala, SE
Contact:

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

Unread post by Moonchild » 2017-04-22, 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.
"Sometimes, the best way to get what you want is to be a good person." -- Louis Rossmann
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite

User avatar
Lootyhoof
Themeist
Themeist
Posts: 1569
Joined: 2012-02-09, 23:35
Location: United Kingdom

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

Unread post by Lootyhoof » 2017-04-22, 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: 380
Joined: 2015-06-13, 03:34
Location: KY

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

Unread post by adisib » 2017-04-23, 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
Astronaut
Astronaut
Posts: 670
Joined: 2017-03-23, 19:56

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

Unread post by badnick » 2017-04-27, 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.
Windows 10 pro /64 (version 1809)
PM last/64

User avatar
badnick
Astronaut
Astronaut
Posts: 670
Joined: 2017-03-23, 19:56

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

Unread post by badnick » 2017-04-27, 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!
Windows 10 pro /64 (version 1809)
PM last/64

User avatar
badnick
Astronaut
Astronaut
Posts: 670
Joined: 2017-03-23, 19:56

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

Unread post by badnick » 2017-04-27, 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)?
Windows 10 pro /64 (version 1809)
PM last/64

coffeebreak
Moon Magic practitioner
Moon Magic practitioner
Posts: 2986
Joined: 2015-09-26, 04:51
Location: U.S.

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

Unread post by coffeebreak » 2017-04-28, 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
Astronaut
Astronaut
Posts: 670
Joined: 2017-03-23, 19:56

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

Unread post by badnick » 2017-05-01, 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!
Windows 10 pro /64 (version 1809)
PM last/64

Locked