sidebars.toggle.standard.notes.user.css

/* ==UserStyle==
@name        Sidebars Toggle Standard Notes
@namespace   github.com/rickybrent
@version     1.0.0
@license     unlicense
@updateURL   https://gist.github.com/rickybrent/2410626bca1662d94bd7820c906b8e79/raw//sidebars.toggle.standard.notes.user.css
==/UserStyle== */
@-moz-document domain("app.standardnotes.org") {
@media only screen and (max-width: 600px) {
    #notes-title-bar .filter-section,
    #notes-title-bar .section-title-bar-header {
        margin-left: 32px;
    }
    #editor-title-bar {
        margin-left: 64px;
    }
    #notes-column,
    #tags-column {
        position:fixed !important;
        left:32px;
        top:0px;
        min-width:32px;
        min-height:32px;
        max-height:71px;
        max-width:32px;
        opacity:1;
        z-index:10000;
        background-color:var(--userstyle-titlebar-bg);
    }
    #tags-column {
        z-index:100001;
        left:0px;
        background-color:var(--userstyle-tagbar-bg);
    }
    #notes-column>div.content,
    #tags-column>div.content {
        visibility:hidden;
    }

    #notes-column:focus-within,
    #notes-column:hover,
    #tags-column:focus-within,
    #tags-column:hover {
        left:0px;
        max-width:100%;
        max-height:none;
        opacity:1;
    }
    #notes-column:focus-within>div.content,
    #notes-column:hover>div.content,
    #tags-column:focus-within>div.content,
    #tags-column:hover>div.content {
        visibility:visible;
    }
    #app { background-color:black;}
}
}