Webclipes - Is it possible to make them appear above other tabs instead of pushing them to half window?

[kalib]

Since I am used to Opera, I always loved the way I could have messenger, whatsapp and telegram as a webclip and once clicking on them, they would appear above the other tab, as in front of it, instead of pushing the site do the right dividing the screen, as in the image below:


I tried to find an option to customize this on the settings but I couldn't. It is possible on Vivaldi to have a similar behavior?

[Pesala]

@kalib Try adding them as Web Panels.

[kalib]

@pesala It's already a webpanel, but it pushes the other tab to the right, dividing the screen into half and half.

[zaibon]

@kalib
You could do a little custom css tweak to change the webpanel behaviour. Afterwards it will overlay the actual site and not push it to the right side.

#panels-container {
    position: absolute !important;
    z-index: 15;
    height: 100%;
}

(Code by sjudenim)

In case you don't know how to implement that code - you might want to take a look at this "how to": https://forum.vivaldi.net/topic/10549/modding-vivaldi

[Pesala]

@kalib said in Webclipes - Is it possible to make them appear above other tabs instead of pushing them to half window?:

dividing the screen into half and half.

How wide are your panels? What is the width of your monitor? My primary monitor is a portrait 1200 x 1600 resolution, and the panels can take as little as 230 pixels, which is not even 20%, let alone 50%;

[kalib]

@pesala I'm not really saying 50%... the thing is that is pushing, and I would really prefer to have it above, covering instead of using part of the screen. thanks

[kalib]

@zaibon thanks.. will try it.

[yes.aravind]

@kalib Hi, shall I have the url for whatsapp to use in the web panel? https://web.whatsapp.com/ doesn't seem to fit well in the small space as we would need to scroll to the right to use the conversation table.

[kalib]

@yes-aravind That's the same one I am using.. and yeah, we need to increase the area for the webpanel to really use whatsapp well. That's why the webapp used by opera for whatsapp was superior.

[yes.aravind]

@kalib Now I get it! The reason behind your post
I saved the code from Zaibon the other day, I'll test that. I never thought about using WAweb through the web panel. Thanks for the help mate

[kalib]

@yes-aravind Yep.. I loved using whatsapp and telegram as webapps on Opera, so I decided to do the same with Vivaldi, but opera uses real webapps, not the website itself, like vivaldi is using, so the experience with vivaldi in that matter is not as great as with Opera, for whatsapp and telegram in the panel.

[zaibon]

@kalib @yes-aravind
I don't know if this makes WAweb any more useful to you but you can also rightclick on the webpanel logo of that site (the one on the left side not in the webpanel itself) and select "Show Desktop Version" or "Show Mobile Version".
In the past there've been a few sites that are more usable the one or the other way around.

[kalib]

@zaibon Thanks for the tip. It helped with telegram, since the mobile version is a bit better for the webpanel, but for whatsapp there's no difference between desktop/mobile.

[yes.aravind]

@kalib @zaibon While checking for the mobile version option , I found the 'separate width' option. This option resolves the space issue. So, this means that Opera is also using the same common url. Thanks again to both of you

[AltCode]

@zaibon any way to have this kind of behaviour just with the webpanels, rather than the entire panel hub?