Better Hangouts for Vivaldi web panel (CSS modification)


  • Vivaldi Translator

    If you're already familiar with my CSS modification for messenger.com, then you know what is this about.

    At first, you can view current state and the result you'll get in the screenshot below.

    To apply this modification, follow these steps:

    • Add https://hangouts.google.com/ URL to your web panel.
    • Right click on it and choose "Show Desktop Version".
    • Add Stylish extension to Vivaldi.
    • Go to Extensions page (in Windows Ctrl+Shift+E) and click Options under Stylish.
    • Press "Write new style" button on the left.
    • Paste following code in the text field:
    @media screen and (max-width: 450px) {
    .g-Ue-T-J, .g-Ue-T-J-ba, .g-Ue-T-J-pa, .g-Ue-v0h5Oe, .g-Ue-OkO9ve, .bdXzDb, .Ou, .DI, .gb_T .gb_jg {
        display: none !important;
    }
    .g-Ue-Ja-t {
        min-width: 350px;
    }   
    .g-Ue-kc {
        width: auto;
        bottom: 0 !important;
        left: -20px !important;
        top: 0 !important;
        right: 0 !important;
        min-width: 350px !important;
    }
    .Cl {
        width: auto !important; 
        height: 100% !important;
        left: 50px !important;
        right: 0 !important;
    }
    }
    
    • Under the text field press "Specify",
    • In the drop down menu choose "URLs on the domain" and enter "hangouts.google.com" in the next text field.
    • At the top left enter a name (e.g. "Hangouts") and press Save.
    • Reload the web panel (to activate reload button right click on the Messenger icon in the web panel > Toolbar > Display All Controls).

    You're done!

    Recommended web panel width: 350-450px. Below 350px a horizontal scrollbar will appear, above 450px the modification will take no effect.

    0_1499717589024_upload-067170b1-064d-4fb9-a83a-250659277c6f



  • @RammsteinAM Thanks very much, I used Google Hangouts but it worked bad, now i guess it works fine


  • Vivaldi Translator

    @Phosphorus I hope this will work fine.
    If you notice any issue please report it here. 🙂



  • If only Hangouts actually rang on incoming calls short of running in its own window, which is the only way that I've found to make that work, then I'd be more likely to run it in the sidepanel.



  • This post is deleted!


  • This doesn't work for me... the styles did apply on the normal webpage but not in the panel....



  • @ivancastiblanco Yep doesn't work for me either. I just wasted 20 minutes experimenting with it only to find it wasn't a query nest level or !important flag that was the problem, it was the extension. Worthless tutorial. Waste of my time.


Log in to reply
 

Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.