Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ability to resize tab title text? #195

Open
neverxxever opened this issue Jul 16, 2018 · 8 comments
Open

Ability to resize tab title text? #195

neverxxever opened this issue Jul 16, 2018 · 8 comments
Assignees
Milestone

Comments

@neverxxever
Copy link

neverxxever commented Jul 16, 2018

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

@Croydon
Copy link
Owner

Croydon commented Aug 13, 2018

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

@neverxxever
Copy link
Author

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.

@HeRo002
Copy link

HeRo002 commented Nov 20, 2018

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.

Croydon added a commit that referenced this issue Dec 11, 2018
@Croydon
Copy link
Owner

Croydon commented Dec 11, 2018

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.

@Crystal-RainSlide
Copy link

Crystal-RainSlide commented Feb 14, 2019

@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%;
}

@amurzeau
Copy link

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.

@jiri-h
Copy link

jiri-h commented Apr 20, 2020

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 Croydon added this to the 0.14.0 milestone Apr 21, 2020
@Croydon Croydon pinned this issue Apr 21, 2020
@duncanawoods
Copy link

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

@Croydon Croydon modified the milestones: 0.14.0, 0.15.0 Aug 4, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

7 participants