userscripts icon indicating copy to clipboard operation
userscripts copied to clipboard

Google Search: Display Tools in a SideBar

Open Yaron10 opened this issue 4 years ago • 0 comments

The following code in userContent.css moves the tools in Google Search to a side-bar.

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("https://www.google.")
{
    #hdtb-tls { display: none !important; }

    /* Display search tools sidebar. */
    #hdtbMenus
    {
        display: inline-block !important;
        position: static !important;
        float: left !important;
        overflow: visible !important;
    }

    .hdtbU
    {
        display: block !important;
        position: relative !important;
        top: 0 !important;
        width: 140px !important;
        min-width: 140px !important;
        max-width: 140px !important;
        white-space: normal !important;
        box-shadow: none !important;
    }

    /* Remove checkmarks on sidebar and set red color. */
    #hdtbMenus .hdtbU .hdtbItm.hdtbSel
    {
        background: transparent !important;
        color: #DD4B39 !important;
        font-weight: bold !important;
    }

    #center_col, .Oom88b { -moz-margin-start: 150px !important; }
}

It does not work in "Images". I'd appreciate your help.

Yaron10 avatar Jul 19 '20 11:07 Yaron10