PKM-er / obsidian-floating-toc-plugin

MIT License
210 stars 6 forks source link

样式自己修改了一下,看有没有参考价值! #59

Open Peingxious opened 1 year ago

Peingxious commented 1 year ago

动画


.floating-toc {
    top: 15%;
}

.floating-toc-div .toolbar {
    top: calc(15% - 25px);
}
div.text-wrap > a > img{
    display:none;
    _max-height:30px;
}

div.text-wrap > a{
  ——color:red !important;
  ——background-color: #00142B!important;
}

ul.floating-toc div.text-wrap > a{
background-color:red;
padding:2px 8px !important;
}

ul.floating-toc {
--background-color:red;
margin-top:0px !important;
margin-bottom:0px !important;
}

.heading-list-item.located .text::before {
    content: "👁️";
    margin-right: 2px;
}

.heading-list-item.located .text {
    border:solid 1px ;
    background-color: rgba(var(--floating-toc-highlight-color-rgb),0.1);
}
.heading-list-item.located .text {
    font-weight: border;
}

.heading-list-item.focus .text-wrap .text {
    font-weight: normal;
}
.heading-list-item.focus .text::before {
    content: "️";
    margin-right: 2px;
}

.heading-list-item .text-wrap.located .text {
    background-color: var(--floating-toc-header-background-color);
}

.floating-toc-div.pin .floating-toc, .floating-toc:hover {
    z-index: 10;
 max-width: 70%;
}

.heading-list-item.located .text-wrap:not(.located) .text ,
body.enable-heading-nowrap .heading-list-item .text-wrap .text{
    max-width: 10em;
}
math-feng commented 8 months ago

你好,请问有效果说明嘛?这样对代码不了解的人来说看不懂呀