Pinned tabs' size

[Octopuss]

Would it be possible to make pinned tabs larger? Currently they shrink so much it gets annoying to try clicking on them. Couldn't they shrink only by like 50% of normal size, and possibly be highlighted with either some sort of outline or a background colour (configurable even)?

[SvenG]

Easiest is to use userChrome.css. For an outline that would be

Code: Select all

.tabbrowser-tab[pinned="true"] {
  border: 1px solid red !important;
  border-bottom: none !important;
}

for a different size

Code: Select all

.tabbrowser-tab[pinned="true"] {
  width: 30px !important;
}

Just change the values to your liking. Highly flexible and already available. To make it a little more comfortable you could also use the Stylish extension.

[Octopuss]

What do I do with the .css file?

[SvenG]

1. open your profile folder.
2. create a directory name "chrome" (without the quotes)
3. create a plain text file and name it "userChrome.css" (dito)
4. in the first line you define the namespace:

@namespace url("http://www.mozilla.org/keymaster/gateke ... s.only.xul");

5. add one of the code pieces posted earlier and adjust it to your liking
6. restart Pale Moon

Altenative:
1. install the Stylish extension mentioned above
2. create a new style
3. define the namespace:

@namespace url("http://www.mozilla.org/keymaster/gateke ... s.only.xul");

4. add one of the code pieces posted earlier and adjust it to your liking (you can use the preview here, so no need to guess what it might look like)
5. save (no need to restart Pale Moon)

[x-15a2]

For those that are less familiar with locating and editing userchrome.css (as well as usercontent.css and user.js), or for those looking for a quick and easy editor specifically for these files I can recommend ChromEdit extension. It works great with Pale Moon, is user profile aware (works with currently active UP), allows the files to be edited with PM open and provides a Restart button which is very handy.

Hopefully some of you will find it to be of value as well.

[Octopuss]

Thank you, the simple file seems to work well enough.

What is Chrome stuff doing in Firefox though?

[x-15a2]

What is Chrome stuff doing in Firefox though?

Don't confuse the 2. The word "chrome" refers to the "skin" (what the UI looks like). The browser named Chrome came along after these files were named.

[Octopuss]

Oh lol. Well that IS confusing as hell.

Btw the outline doesn't work too well, instead of just creating a border around the tab, it moves the text up a little and generally looks bad. That's a bit of a letdown. I already increased the size to 120px, but would like some other way of quickly being able to identify a pinned tab. I don't know jack shit about css and coding though.

[dark_moon]

You can use the gecko addon Stylish too. Its easy and have a lot of website skins from other users.

[SvenG]

I don't know jack shit about css and coding though.

Learn a bit, you really need to learn just a bit

There are very nice sites about CSS like
http://www.w3schools.com/css/default.asp
things like changing backgrounds, outlines and stuff are not very complicated, the technically hardest part is always to find a matching selector, that's what you already have (the code outside of the brackets), you only need to change the actual style (the code within the brackets).

[Octopuss]

Thanks. I'll probably look into it at some point when I'm not busy playing Farming Simulator or Heroes & Generals