WonderPen 桌面版 3.2.3 中引入了写作计划功能,不过这个面板的滚动条功能目前使用了默认样式,有一点难看,如有需要可使用以下自定义样式改进:
[data-role="writing-plan-panel"] {
&::-webkit-scrollbar {
position: absolute;
width: var(--wp-scroll-size);
height: var(--wp-scroll-size);
}
&::-webkit-scrollbar-track {
background: var(--wp-scrollbar-track);
//border-radius: 16px;
transition: background 0.3s;
&:hover {
background: var(--wp-scrollbar-track-hover);
}
}
&::-webkit-scrollbar-corner {
background: var(--wp-scrollbar-corner);
}
&::-webkit-scrollbar-thumb {
background: var(--wp-scrollbar-thumb);
border-radius: var(--wp-border-radius);
transition: background 0.3s;
&:hover {
background: var(--wp-scrollbar-thumb-hover);
}
}
}下一个版本中,我们会调整这个滚动条的样式,到时可以不再用这个自定义 CSS。
还没有回复
来抢沙发吧。
请先 登录 后回复。