Skip to content

Instantly share code, notes, and snippets.

@rickybrent
Last active June 15, 2019 13:23
Show Gist options
  • Save rickybrent/2410626bca1662d94bd7820c906b8e79 to your computer and use it in GitHub Desktop.
Save rickybrent/2410626bca1662d94bd7820c906b8e79 to your computer and use it in GitHub Desktop.
/* ==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;}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment