Fix options menu size

[4yman-0]

Should fix #2569

TODO:

• Fix flexboxed "satus" buttons.
• Fix https://improvedtube.com/wishes.

NOTES:

Unfortunately, https://improvedtube.com/wishes is broken and I can't fix it here.

Edit: I think flexbox is grid now

[ImprovedTube]

hi! :) @4yman-0

we can start a proper "wishes" here on Github! (CTRL+U)

just to make sure, you might knew the 9 buttons used to be equal sizes 3 x 3.
While different sizes now make some sense, the current CSS position adjustments are binding the page to the static 320px width.

[ImprovedTube]

hi!
sorry i mean, this is what most of all users see currently (the new sizes and order are reasoned)

(All of 2024, thus most important already?)
(previously: 3 x 3 (tidy and most years) and 1 x 5 (first 5 years))

(done quickly, this also required to set a max-width for full-tabs chrome-extension://bnomihfieiccainjcjblhegjgglakjdd/menu/index.html, which is fine, since more width doesn't help.
and the remaining space can be used better in a full tab)

Will be very worth it to start working on our GUI.
Eventually we can also provide full tab menu with player, playlists & history #1546 https://github.com/code-charity/History-Manager

broken after a canceled "export settings"

/what did you mean?

[ImprovedTube]

starting at #2569: The scrollbar at chrome://extensions/?options=bnomihfieiccainjcjblhegjgglakjdd
can be avoided with a bit less height (520px?), which can be conditional there, because when clicking the browser icon 600px are allowed (and might be more convenient?)

[4yman-0]

/what did you mean?

Plz don't just respond to issue comments in the request.
As for the "breaking":

1. Go to "Settings"
2. Choose "Backup"
3. Choose "Export settings"
4. Cancel it (should open menu full-tab)

[4yman-0]

@ImprovedTube Any proposals to fix stuff or something (users used to the current layout will be confused).

EDIT 1: Remove stuff

[ImprovedTube]

yes, i mean

• used to be 3x3;
  • since almost 1 year: Decreasing size of buttons, thus taking less space, allowing 4 in the second row.
  • so in future we might not only want to undo to 3 x 3, but also analyse / keep benefits of the current version? 🤔

Cancel it (should open menu full-tab)

yes, that's currently unnecessary

[4yman-0]

So in future we might not only want to undo to 3 x 3, but also analyse / keep benefits of the current version? 🤔

So, we want to let users know "Hey, these 2 buttons are important, the next 4 are OK and last 2 are pretty useless".

Probably do some sort of styling that doesn't make it like "Look, a grid!!1!".

[4yman-0]

We're so back

Here's how it looks like w/ display:flex;width: w%.

And it does not overflow in normal popup 🎉 !

[4yman-0]

Problem still exists in Master.

[4yman-0]

I pulled updates in the OTHER pull request and wow. Look at this error message :)

Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self'". Either the 'unsafe-inline' keyword, a hash ('sha256-NiECYfW4hZvoiuPCi8Qfv/CQOQ+CSiskRAxXo6dieJk='), or a nonce ('nonce-...') is required to enable inline execution.

Context menu/index.html
Stack Trace menu/index.html:35 (anonymous function)

 <script> if (window.location.href.includes('chrome://extensions/?options=')) {
    body.style.setProperty('height', '523px', 'important');
    body.style.setProperty('width', '396px', 'important');
  } 
</script>