现在好像各个主题没有明显的聚焦样式,不容易区分,会以为内容丢失了。
以下是自己定义的聚焦模式,有需要的可自行修改,仅供参考。
/* 聚焦模式样式*/
div:not(#editor)>.protyle-breadcrumb .protyle-breadcrumb__item:first-child:not(.protyle-breadcrumb__item--active)::after{
background-color: var(--b3-theme-primary-light);
color: var(--b3-theme-on-background);
opacity: 0.5;
text-align: left;
font-size: 14px;
content: "退出聚焦模式";
text-align: center;
position: absolute;
left: 0;
top: 40px;
width: 100%;
height: 16px;
font-weight: 600;
z-index: 2;
}
/* 面包屑在输入的时候不隐藏*/
.protyle-breadcrumb__bar--hide {
opacity: 1;
}
将以上 css 代码,放在对应主题的 theme.css 里面即可
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于