aidam38 / roamsr

Spaced Repetition in Roam Research
https://roamresearch.com/#/app/roam-depot-developers/page/uQSCwVKx0
98 stars 18 forks source link

Code: auto-hide and show toolbar #28

Closed ghost closed 3 years ago

ghost commented 3 years ago

Add code below to hide toolbar when not in use, really useful when using roam/sr (source: made modifications to original railcast theme from jmharris903)


/RR change: SEARCH/TOOLBAR - Uncomment the following section to hide the tool bar when not in use. A great idea from @Devon. Source: https://gist.github.com/devonzuegel/f54de76cbf0c0355d93e721c89f45787; /

roam-right-sidebar-content > div {

border-bottom: none !important; } .check-container { padding-right: 4px; } .roam-body-main { height: 100% !important; top: 0 !important; } .rm-topbar { opacity: 0; transition: opacity 200ms; z-index: 1; background: none; /width: calc(100% - 40px);/ /padding: 5;/ } .rm-topbar:hover, .roam-topbar:focus-within { opacity: 1; transition: opacity 200ms; }

right-sidebar button {

z-index: 100; }


ghost commented 3 years ago

Also, when working with dark themes; this helps so the top bar doesn't turn white when switching from study session to another page

.roam-app, .roam-topbar { background-color: transparent; }