vertical-tabs-reloaded

vertical-tabs-reloaded copied to clipboard

Add-on version: 0.11.0 Firefox version: 61.0.1 OS + OS-Version: Ubuntu 16.04 LTS Other tab + user interface related add-ons: N/A

Hi there,

I've looked everywhere (as far as I can tell) and there doesn't seem to be a way to change the font size for tab titles in VTR. Am I missing something?

I use VTR on my desktop and I'm in the process of migrating my htpc over as well, but the tab title text is tiny by default, to the point where I can barely read it.

Fonts and basic colour options for background etc. would be a nice addition too, but functionally the only thing I really need is font size.

Great add-on overall though, was the only add-on that allowed me to leave Chrome and SideTabs.

Thanks

This is definitely on the to do list, but is part of the larger efforts to customize the appearance of VTR. See #40 and #197

Ok cool awesome.

For anyone else, in the mean time I found a workaround: By going to Options and going to 'Advanced' under the Font settings, one can set the minimum size of text in Firefox which will effectively resize the VTR tab title text.

Ok cool awesome.

For anyone else, in the mean time I found a workaround: By going to Options and going to 'Advanced' under the Font settings, one can set the minimum size of text in Firefox which will effectively resize the VTR tab title text.

The workaround is OK, but it destroys the layout of many websites, so that you can't really read text that has been allocated a limited amount of space.

Since this is often requested I will make the font size bigger for all themes in 0.13.0. An user setting will still take time however.

@Croydon Why not use relative length unit by default???

https://developer.mozilla.org/en-US/docs/Web/CSS/length#Relative_length_units

For me, both :root { --vtr-tab-font-size: .75rem; } and :root { --vtr-tab-font-size: .8rem; } looks fine. But only modify the font-size is barely enough.

.tabbrowser-tab {
	-moz-box-pack: unset;
	-moz-box-flex: unset; /* You still don't have this cleaned up?! */
	/* Modify the height as you want but use relative length unit */
}
.tab-icon { display:contents; }
.tab-icon-image {
	max-width: calc(var(--vtr-tab-font-size) * 2);
	max-height: calc(var(--vtr-tab-font-size) * 2);
	padding: calc(var(--vtr-tab-font-size) / 3);
	box-sizing: border-box;
}
.tab-label {
	flex: 1;
	line-height: 2;
	text-align: start;
}
.tab-buttons {
	position: initial;
	display:contents;
}
.tab-sound-button,
.tab-close-button {
	width: calc(var(--vtr-tab-font-size) * 2);
	height: calc(var(--vtr-tab-font-size) * 2);
	background-size:  100%;
}

The availability of this option is interesting as users with a small screen resolution won't like much the new release I guess which use a bigger font and makes the text not vertically centered on each tab. Or something that would take into account the dpi settings, but I don't know what's the firefox behavior regarding this.

The availability of this option is interesting as users with a small screen resolution won't like much the new release I guess which use a bigger font and makes the text not vertically centered on each tab. Or something that would take into account the dpi settings, but I don't know what's the firefox behavior regarding this.

Yes, that is why I got here, googling the "too large font" issue. I have noticed the new update introduced a tab labels that are so big that it impacts my ability to read them and navigate quickly. I have found out that the Darwin theme fortunately has smaller font so I have switched to this one, but having the option to change font size would be much appreciated. Or maybe a workaround - create let's say 5 versions of each theme with different font sizes (smallest-small-normal-large-largest). This quick'n'dirty solution could even prove to be a permanent solution to the font size problem...

EDIT: You are right, that problem is only on my 1600x900 notebook. The tab text size on the FullHD one is actually better after the update (text gone from small to subjectively normal). However, I would still like to be able to change the size for the smaller resolution.

@Croydon thank you for your hard work for the extension!

Please consider the new larger font size a critical issue. It is so hard and unpleasant to read that I can't bear to use it anymore.

Can you revert the large size asap rather than treat this more ambitious issue as the solution?