我个人感觉浮动工具栏还是不够方便,希望能有个全局的工具栏将各种常用功能汇总起来,以下供参考,也可以参考下 word:
编辑模式下希望增加全局置顶显示的工具栏,方便基础操作
相关帖子
-
-
使用以下代码片段即可(代码比较老旧,不同主题兼容性可能不太一样,需要做适当修改)
/* toolbar设置(排除反链和搜索面板) */ .fn__flex-1.protyle:not(.sy__backlink):not(#searchPreview) .protyle-toolbar.fn__none, .fn__flex-1.protyle:not(.sy__backlink):not(#searchPreview) .protyle-toolbar { display: flex !important; border: none; box-shadow: 0px 5px 10px 0px rgba(212, 212, 212, 0.3); border-radius: 0%; position: absolute; top: 30px !important; left: 0% !important; right: 0% !important; width: 60% !important; align-content: space-around; align-items: center; padding-left: max(20%, 3em) !important; padding-right: max(20%, 3em) !important; } /* 设置toolbar中各项目分散开来 */ .fn__flex-1.protyle .protyle-toolbar button.protyle-toolbar__item { flex: 1; } /* 设置头图位置,下调,给toolbar让位 */ .fn__flex-1.protyle .protyle-background { position: relative; padding-bottom: 77px; } /* 弹窗中正文下移,给toolbar让位 */ .block__popover .protyle-content { padding-top: 37px; } /* 调整头图也下移 */ .protyle-background__img { padding-top: 37px; }
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于