Moving the Popup Window of Extensions

code3

I have a few browser extensions installed, and one of my mods has the side effect of moving the popup windows to the left so they do not popup under the button like they are supposed to. I would like to apply a transform to the window to move it over, but I cannot select the window in devtools. Can anyone help with this?

nomadic

@code3 This is the HTML for the popup:

   <div class="extension-popup top" style="height: 448px; width: 630px; position: fixed; left: -30px; top: 65px; visibility: visible;">
      <webview ...>
            ...
      </webview>
   </div>

Just change the left and top values, but note that the HTML gets reused for each popup. This means you might need to do something with attribute selectors or maybe use calc() to get each extensions popup in the correct location

To select it with devTools, you can go for the extension toolbar and find the last child element.

code3

@nomadic Each window needs an 80px offset, so I shouldn't have to do anything complicated. Thank you!

Bisquick

Perhaps this is obvious but alas I am an idiot so I'll just throw it out here if I may as it seems tangentially related, is there any way to get such popups to appear in like a dedicated pop-up panel in Vivaldi's panel thing??

Along these lines, an idea I had and immediately gave up on because of the slightest effort it would take to understand this stuff at a more fundamental level (presumably at least...lol) is to have like livestreams from youtube or whatever other sites detected and the livestream chats consequently sent to a dedicated chat panel thing or something. I mean in some sense it should be easy, just grab the chat address and stick it in the panel, but I guess the meat of this question is toward doing this automatically to some degree like when you open the panel or something.

code3

@Bisquick I don't think what you're talking about is very much related to what I'm talking about.
But I think it would be possible. First of all is there a chat address. Focus on one livestreaming site and find out if there is an address where the chat can be reached. Then you would click the "plus" sign for webpanels and add it.

To do this automatically, you would need to figure out how to extract the panel URL from the page automatically and send it to the Vivaldi UI. From there, it would be pretty easy to make a mod to open the panel automatically. You would need to know Javascript for this.

It could be easier to auto-add the current URL to a web panel, and then display the chat there, or maybe there is an easy way to figure out the chat URL based on the stream, then you would not have to mess with the content scripts. There could also be a keyboard shortcut for adding webpanels, that could help you if you dont want to use js.