code-charity / youtube

[top~1 open YouTube & Video web-extension] Enrich your experience & choice! 🧰180+ options & clever features📌set+forget📌Longest-standing(yet rare&tough alone. Please help/join🧩us👨‍👩‍👧‍👧) ..⋮ {playback|content discovery|player|extra buttons|distractions|related videos|shorts|ads|quality|codec|full tab|full screen}
http://improvedtube.com
Other
3.35k stars 506 forks source link

VerySmall UI redisign: scalable UI; small window-size tweaks #2416

Open horseDeveloper opened 1 month ago

horseDeveloper commented 1 month ago

PROBLEM: I hate scrolling and I love to see all the available settings at a glance. I also think the UI would be nicer if it was a juuuust a little bit more compact (so that you can see more things)

SOLUTION: Ideally under settings\appearance two settings get added:

  1. UI scale multiplier - this would also help people with the opposite problem and want a BIG UI.
  2. UI window size - the current UI is a vertical rectangle (▯) , I would prefer a horizontal rectangle (▭) but I am sure the majority wouldn't agree. being able to input the two values for height and length would be great.

If you want to consider making a few small tweaks I would suggest:

  1. reduce font-size by a very small value — by comparing it with other extensions we are currently on the bigger side of things.
  2. adding a few pixels to the horizontal length — being able to fit one more word is all that is needed to save up on a few settings that as of now are "two lines"
  3. reduce box-height by a very small value — by "box" I mean the "line" containing a setting + its toggle.
  4. Have a different smaller font size for sub-menus — see example in the picture below where submenus "always active; subtitle; save as" should be smaller to indicate children relationship
  5. No. 4. would imply having a second different box height, for sub-menus. again, just a few pixels less than the regular one. image

ALTERNATIVES:

RELEVANCE / SCOPE: more customization is good for everyone

"SIDE EFFECTS": no.

⚬ _CONTEXT_:

// Thank you!

SHORT Table (Summary)
Problem UI is a bit big/clunky
Solution scalable UI ; window-size customizable
Alternatives small font-size tweak
Scope more customization is good for everyone
Side effects no.
Context
ImprovedTube commented 1 month ago

hi! @horseDeveloper

scale

css scale works when opened within a site. while extension popup's have a max size of 600²px & sitepanels have a minimum width of 360px

sub-menus

please, yet we dont really have sub menu https://github.com/code-charity/youtube/blob/master/menu/styles/sub-options.css (and some toggles affecting their next neighbors when switch on, is wrong for lists in other orders like my active features or search results so it makes more sense to call each (both) toggles by an a name (ID) each time.

raszpl commented 1 month ago

simplest solution for everything fitting is changing right click menu "Option" to plop full new Tab instead of popup on Extension page.