cxw42 / TabFern

Google Chrome extension for saving and restoring sets of tabs, and for switching between windows and tabs from a vertical, grouped list.
https://cxw42.github.io/TabFern/
Other
170 stars 29 forks source link

More compact design (more text on screen at once) #67

Open cxw42 opened 7 years ago

cxw42 commented 7 years ago

perhaps smaller or different fonts option and smaller icons (I suppose I could just zoom out the page but that doesn't do a clean job)

I note that general theming is of interest to me, and this could be part of a theme. Plugins might be a good deployment mechanism for themes, so this is related to #26.

Requested by LateNightHacks via user review 2017/10/14.

ShervinM commented 6 years ago

not really sure what makes the TF window's content look so much bigger to me when I put it side by side TO. it seems to be either the font itself of the white colour for open tabs vs. blue on TO. When I do %90 zoom everything looks the right density, even then though TO icons still look smaller, or am I imagining it... (ok, took a screenshot of both windows next to each other then cut icons from one window and put it next to the matching one on the other, at %90 zoom on TF, favicons are still one pixel larger than TO at %100 zoom. fonts are both 8pixel high)

cxw42 commented 6 years ago

@ShervinM would you please post the side-by-side screenshot (without any tabsets having confidential information)? I'd like to take a look. In 0226585dc6e45f344b30a9c2b419f99d443a8123 (diff) I actually opened up the line spacing by 1px because I found that easier to read. It would not be hard to make that optional.

ShervinM commented 6 years ago

here you go, side by side, TF@%100, TF@%90 and TO@%100 I made the yellow boxes at pixel level and they represent equal size, so you can count the dots and compare, same for the icons, look at how they fit inside their square and the gaps. d-11 d-12

ShervinM commented 6 years ago

the icons in TF actually look a bit darker and fuzzier as well, which just started to make sense to me. favicons are standard 16x16 pixels, TO shows them as 16x16 so they look as they should be. on TF they are shown as 18x18 pixels which is nonstandard, hence the browser resizes them to fit, that would also cause a re-rendering which is the reason behind the duller colours. and at %90 zoom TF icons are 17x17 which is also nonstandard. TF is 9pt font and TO is 8pt fonts, you can see that as well

ShervinM commented 6 years ago

Any ideas on this one? did I make any sense?

cxw42 commented 6 years ago

Yes, it makes sense, and I greatly appreciate the good data! I agree with your conclusions two comments ago. Open/close of individual tabs is higher on my list, but I will work on this when I can. I do think this one is all CSS.