#129 #125 fixed

Author: cumany

styles.css

@@ -311,13 +311,13 @@ settings:
 }
 
 .theme-light {
-  --floating-toc-header-background-color: var(--background-primary);
-  --floating-toc-background-color: transparent;
+  --floating-toc-header-background-color: transparent;
+  --floating-toc-background-color: var(--background-secondary);
 }
 
 .theme-dark {
-  --floating-toc-header-background-color: var(--background-primary);
-  --floating-toc-background-color: transparent;
+  --floating-toc-header-background-color: transparent;
+  --floating-toc-background-color: var(--background-secondary);
 }
 
 
@@ -348,8 +348,8 @@ div.workspace-leaf-content[data-type="style-settings"] div.style-settings-headin
 
 
 .heading-list-item.located .line-wrap .line {
-  background: hsla(var(--floating-toc-highlight-color-rgb), 0.8);
-  height: 2.5px;
+  background: hsla(var(--floating-toc-highlight-color-rgb), 1);
+  height: 4px;
 }
 
 .heading-list-item.located .text-wrap:not(.located) .text {
@@ -583,8 +583,12 @@ body.enable-heading-nowrap .heading-list-item .text-wrap .text {
   max-height: calc(100% - 135px);
   left: var(--floating-toc-position);
   padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
   -ms-overflow-style: none;
   scrollbar-width: none;
+ 
+  min-height: max-content;
+  z-index: 2;
 }
 
 .floating-toc-div.pin .floating-toc,
@@ -598,6 +602,10 @@ body.enable-heading-nowrap .heading-list-item .text-wrap .text {
   background: var(--floating-toc-background-color);
 }
 
+.floating-toc-div.pin .floating-toc {
+  background: var(--floating-toc-header-background-color);
+}
+
 .floating-toc-div.pin .floating-toc::-webkit-scrollbar,
 .floating-toc:hover::-webkit-scrollbar {
   display: none;
@@ -612,6 +620,11 @@ body:not(.enable-heading-nowrap) .floating-toc:hover .heading-list-item {
 .floating-toc-div:is(.hover, .pin) .floating-toc .heading-list-item {
   padding: 0 1rem;
 }
+.floating-toc-div:is(.hover, .pin) .floating-toc{
+  min-height: auto;
+  height: fit-content;
+  border: 1px solid var(--background-modifier-border);
+}
 
 .floating-toc-div.pin .floating-toc .heading-list-item {
   max-width: fit-content;
@@ -684,7 +697,7 @@ body.enable-heading-nowrap .floating-toc:hover .heading-list-item>.text-wrap {
 
 
 
-.workspace-leaf-content .floating-toc-div.floating-right~.markdown-reading-view {
+.workspace-leaf-content .floating-toc-div.floating-right~.markdown-reading-view .markdown-preview-view{
   padding-right: 2rem;
 
 }
@@ -1266,7 +1279,7 @@ body.toggle-floating-toc-header-color .floating-toc-div .floating-toc .heading-l
 
 /**************/
 
-.enable-bar-icon .floating-toc-div:not(.hover) .floating-toc:before {
+.enable-bar-icon .floating-toc-div:not(.hover) .floating-toc:has(>.heading-list-item)::before {
   content: '';
   height: 12px;
   z-index: 10;