joplin: toc++

etc/rc.darwin19

@@ -59,6 +59,8 @@ mkdir -p ~/.config/dunst
 + soft/iterm/com.googlecode.iterm2.plist ~/Library/Preferences/
 - soft/stalonetray/stalonetrayrc   ~
 + soft/linters/eslintrc            ~
++ soft/joplin/userchrome.css       ~/.config/joplin-desktop/
++ soft/joplin/userstyle.css        ~/.config/joplin-desktop/
 
 : ---------------------------------------------------------------
 

etc/soft/joplin/userstyle.css

@@ -95,45 +95,63 @@ b-pink {
 
 /* TOC */
 
+nav.table-of-contents ul {
+	list-style-type: none;
+	margin-top: 0px;
+	margin-bottom: 0px;
+}
+
 nav.table-of-contents>ul {
-	background: var(--Sidebar-background);
+
+	top: 5px;
+	right: 0px;
+	z-index: 99;
+
 	font-size: 12px;
-	text-transform: uppercase !important;
-	padding: 10px;
+	position: fixed;
+	padding: 15px;
+
+	border-radius: 10px 0px 0px 10px;
 	margin: 0px;
-	margin-bottom: 50px;
+
+	overflow: hidden;
+	height: 90%;
+	width: 5px;
+	transition: .2s;
 }
 
-nav.table-of-contents ul {
-    list-style-type: none
+nav.table-of-contents::after {
+	content: "[TOC - move your cursor to the right edge]";
+	color: black;
+}
+
+nav.table-of-contents>ul:hover {
+	background: #F8F8F8;
+	box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.15);
+
+	width: 30%;
+	color: none;
+	overflow: scroll;
+}
+
+nav.table-of-contents>ul:hover::before {
+	content: "TABLE OF CONTENTS"
+}
+
+nav.table-of-contents>ul:hover li {
+	display: list-item;
 }
 
 nav.table-of-contents li {
+	display: none;
 	white-space: nowrap;
 	overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-nav.table-of-contents li a {
-    padding: 0;
+	margin: 0px;
+	padding: 0px;
 }
 
-@media all and (min-width: 920px) {
-	nav.table-of-contents>ul {
-		position: fixed;
-		top: 0;
-		right: 0;
-		z-index: 99;
-		/* margin-right: 10px; */
-		border-radius: 4px;
-		max-width: 15%;
-		overflow:auto;
-		height: 100%;
-		font-size: 12px;
-	}
 
-	#rendered-md {
-	width: 82%;
-	}
+#rendered-md {
+	width: 100%;
 }