Title bar and upper page elements missing in pop-up windows



  • Hello all-
    I've noticed in the pop-up chat windows of a few different websites that the title bar and the upper page elements of the window (such as the "end chat" button) are missing. Anyone else seen this issue?
    My custom css, in case the culprit might lurk there somewhere:

    	order: 1;
    	}
    .toolalt {
    	order: 2;
    	display: flex;
    	position: relative;
    }
    .searchfield {
    	order: 3;
    	flex-basis: 300px !important;/* you took this code from a Vivaldi forum post and adjusted the pixel width; don't know what "important" refers to */
    }
    .extensions-wrapper {
    	order: 4;
    }
    
    /*BEGIN CODE FROM RETOREE (https://forum.vivaldi.net/topic/22304/address-bar-at-very-top/29?page=2) */
    #browser.address-top.tabs-top #titlebar,
    #browser.address-top.tabs-off #titlebar,
    #tabs-container .newtab,
    #tabs-container .sync-and-trash-container,
    .topmenu button.vivaldi-horizontal-icon,
    #header {
        z-index: 1;
    }
    #browser.address-top.tabs-top .horizontal-menu-pagetitle,
    #browser.address-top.tabs-off .horizontal-menu-pagetitle  {
        display: none;
    }
    #browser #main {
        margin-top: -97px;
    }
    .toolbar-addressbar {
        margin-top: 97px;
        margin-bottom: -27px;
    }
    .bookmark-bar-top .bookmark-bar {
        z-index: 1;
        position: relative;
        top: -68px;
        padding: 3px 0;
        margin: 0 143px 0 300px;
        border-bottom-width: 0;
        background: transparent;
    }
    .bookmark-bar button,
    #browser.color-behind-tabs-on.theme-light .bookmark-bar button {
        display: block;
        background-color: transparent !important;
        border: 1px solid rgba(0, 110, 215, 0);
        color: var(--colorAccentFg);
    }
    .bookmark-bar button:hover {
        border-color: var(--colorHighlightBgDark);
        background-color: var(--colorHighlightBg) !important;
        color: var(--colorAccentFg);
    }
    .win .menu.horizontal > ul > li > a {
        padding: 3px 9px 0;
    }
    #browser.color-behind-tabs-on #main {
        background: transparent;
    }
    #browser.color-behind-tabs-on .toolbar-addressbar {
        background: var(--colorBg);
    }
    #browser.color-behind-tabs-on .bookmark-bar button,
    #browser.theme-light .bookmark-bar button {
        background-color: transparent !important;
        color: var(--colorFg);
    }
    #browser.color-behind-tabs-on .bookmark-bar button:hover,
    #browser.theme-light .bookmark-bar button:hover {
        background-color: var(--colorHighlightBg) !important;
        color: var(--colorHighlightFg);
    }
    /* END CODE FROM RETOREE */
    
    /*BEGIN CODE FROM dude99 to move find bar to bottom (https://forum.vivaldi.net/topic/8119/how-to-move-search-in-page-bar-to-the-bottom/15) */
    /* find bar */
    .find-in-page {bottom:0; margin-top:auto;}
    #webpage-stack .webpage { top: 0;}
    /*END CODE FROM dude99*/
    

    Eric

    Vivaldi 1.13 64-bit on Windows 10 64-bit

Log in to reply
 

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