Refining Vivaldi's Extension Dropdown Interface

[Boolean]

Vivaldi could benefit from an improved extension dropdown menu, comparable to the one found in Chrome. Chrome's dropdown menu for extensions offers superior control and a more streamlined aesthetic than the current offering in Vivaldi.

Full access extensions.

No access required extensions

[dasamervelo]

is it really that hard to make Vivaldi show the list of hidden extensions with icon + NAME?

If, as most people do, you have many extensions, how do you remember them all and instantly identify them just by the icon?

[Zalex108]

@dasamervelo

Hi,
What happens with other Chromium's?

Check this in the meantime
https://chrome.google.com/webstore/detail/simpleextmanager/kniehgiejgnnpgojkdhhjbgbllnfkfdk

[Hadden89]

@Zalex108 Also (duplicate)

https://forum.vivaldi.net/topic/88484/refining-vivaldi-s-extension-dropdown-interface

and (mod)

https://forum.vivaldi.net/topic/96266/vertical-extensions-drop-down-menu

[Zalex108]

This post is deleted!

[barbudo2005]

Be practical and stop pleading.

Suggestions by @Hadden89 and @Zalex108 :

1.- simpleextmanager extension:

2.- Vertical Mod:

/* VERTICAL EXTENSIONS DROP-DOWN MENU */

.extensionIconPopupMenu {
  --popupWidth: 400px !important;
}
.extensionIconPopupMenu > .toolbar {
  max-height: 28vh;
  overflow: clip auto;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
}
.extensionIconPopupMenu .ExtensionDropdownIcon > button {
  justify-content: flex-start;
  padding: 1em;
}
.extensionIconPopupMenu .ExtensionDropdownIcon > button::after {
  content: attr(title);
  overflow: clip visible;
  text-overflow: ellipsis;}


.button-toolbar.ExtensionDropdownIcon.extensionId button:hover

{background: #7e7e7e  !important;}


.button-toolbar.ExtensionDropdownIcon.extensionId  button   img.button-icon

{margin-right: 35px !important;
transform: scale(1.25) !important;}

.vivaldi-translate-text-container,
.tooltip-wrapper.svelte-1ix4va4.svelte-1ix4va4

{border: 1px solid #d8d8d8 !important;
border-radius: 4px !important;
color: #d8d8d8 !important;
background-color: #171b1d !important;}

[Catweazle]

I have simply put the extensions page in the web panel, just like the flags and service workers page. This way I always have direct access at hand.

[jrsilvey]

@Catweazle I tried to replicate this because it is a great idea. However, as you can see from the picture below, the layout on my screen looks different from your layout.

First of all, it is very ironic that Chromium internal settings wouldn't be responsive by default (great job Google) but it appears that your views is responsive.

If I change the width of the web panel then everything is viewable fine but your view of the Chromium internal extensions on the web panel is slimmer than mine.

Is there a setting that can change the responsiveness of sites viewed from the web panel that I am unaware of?

Also, I am using Vivaldi on Linux, if you are using Vivaldi on Windows or Mac I just realized that could be the issue.

[Catweazle]

@jrsilvey, I simply ajusted the needed wide with the mouse.

[Boolean]

Shoudln't have to go into the css and mod the manager. There ought to be a setting for these options in settings.