notion客户端设置悬浮目录
此方法针对notion-enhancer插件修改得来,后期notion-enhancer可能会完善,但目前无法显示悬浮目录。
设置后目录可以显示在右侧侧边栏
还可以自动隐藏在右侧,当鼠标滑到最右侧时出现(通过点击<<实现)
一、安装notion-enhancer插件并打开side panel和outliner
插件地址https://github.com/notion-enhancer/desktop[这里是图片003]https://github.com/notion-enhancer/desktop
二、打开notion-enhancer插件地址
路径一般为:系统盘用户(或user)当前电脑账户名AppDataRoaming pm ode_modules otion-enhancer
1. 找到modsside-panel下的app.css,打开app.css文件,将以下代码覆盖源代码
/*
* side panel
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (c) 2020 CloudHill
* under the MIT license
*/
.notion-frame {
transition: padding-right 300ms ease-in-out;
}
.enhancer-panel--container {
flex-grow: 0;
flex-shrink: 0;
position: absolute;
top: 40px;
bottom: 0;
right: 0;
z-index: 99;
height: 100vh;
background: var(--theme--sidebar);
color: var(--theme--text_ui);
font-weight: 500;
cursor: default;
transition: box-shadow 300ms ease-in, width 300ms ease-in-out;
}
#enhancer-panel {
display: flex;
flex-direction: column;
position: relative;
pointer-events: auto;
background: var(--theme--sidebar);
cursor: auto;
max-height: 100%;
transition: transform 300ms ease-in-out,
opacity 300ms ease-in-out,
right 300ms ease-in-out;
}
#enhancer-panel[data-locked="false"] {
max-height: calc(100vh - 120px);
box-shadow: var(--theme--box-shadow_strong) !important;
}
#enhancer-panel[data-full-height="true"] {
height: 100%;
}
#enhancer-panel[data-locked="false"][data-full-height="true"] {
height: calc(100vh - 120px);
}
.enhancer-panel--header {
flex-grow: 0;
flex-shrink: 0;
display: flex;
align-items: center;
height: 45px;
width: 100%;
color: var(--theme--text);
font-size: 14px;
padding: 2px 14px;
overflow: hi