fix: 底栏会挡住右下角的反链或者大纲页签

TCOTC · TCOTC · commit d0d57c4d86a2 · 2025-02-18T14:07:00.000+08:00
- https://ld246.com/article/1739426355855/comment/1739846809548#comments - 修复选择器错误
diff --git a/style/dock.scss b/style/dock.scss
@@ -76,7 +76,7 @@ html[data-whisper-status="show"] .layout__dockr.layout--float {
 
 // 取消钉住右侧栏时，右侧文档的滚动条与侧栏之间需要间隔
 // 右侧没有 .layout__resize--lr 的编辑器就是最靠右的编辑器
-html[data-whisper-layout-dockr="float"] .layout__center .fn__flex-1:not(:has(+ .layout__resize--lr)) > div[data-type="wnd"] > .layout-tab-container > .fn__flex-1 {
+html[data-whisper-layout-dockr="float"] .layout__center .fn__flex:not(:has(+ .layout__resize--lr)) > div[data-type="wnd"] > .layout-tab-container > .fn__flex-1 {
 	// 编辑器
 	&.protyle {
 		.protyle-content {
diff --git a/style/editor.scss b/style/editor.scss
@@ -309,14 +309,21 @@
 }
 
 // 右下角的编辑器，滚动条的底部需要留出 24px，否则会被底栏挡住
-html[data-whisper-status="show"][data-whisper-layout-dockr="float"] .layout__center .fn__flex-1:not(:has(+ .layout__resize--lr)):not(:has(+ .layout__resize)) > div[data-type="wnd"] > .layout-tab-container > .fn__flex-1 {
+html[data-whisper-status="show"][data-whisper-layout-dockr="float"] .layout__center .fn__flex:not(:has(+ .layout__resize--lr)):not(:has(+ .layout__resize)) > div[data-type="wnd"] > .layout-tab-container > .fn__flex-1 {
 	&.protyle .protyle-content, // 编辑器
 	#viewerContainer {          // PDF 阅读器
 		&::-webkit-scrollbar-track {
-			margin-bottom: 24px
+			margin-bottom: 24px // 等于底栏 status 的高度
 		}
 	}
 }
+// 底栏会挡住右下角的反链或者大纲页签
+html[data-whisper-status="show"][data-whisper-dock-bottom="hide"] .layout__center .fn__flex:not(:has(+ .layout__resize--lr)):not(:has(+ .layout__resize)) > div[data-type="wnd"] > .layout-tab-container > .fn__flex-1 {
+	&.sy__backlink .backlinkList + .block__icons,
+	&.sy__outline > .fn__flex-1 {
+		padding-bottom: 24px !important; // 等于底栏 status 的高度
+	}
+}
 
 
 // ————————————————————编辑器顶部————————————————————
diff --git a/style/tab-bar.scss b/style/tab-bar.scss
@@ -189,7 +189,7 @@
 	}
 }
 // 新窗口的右上角留一点位置用来拖拽窗口
-.body--window #layouts .fn__flex-1:not(:has(+ .layout__resize--lr)) > div[data-type="wnd"] > .fn__flex > .layout-tab-bar--readonly {
+.body--window #layouts .fn__flex:not(:has(+ .layout__resize--lr)) > div[data-type="wnd"] > .fn__flex > .layout-tab-bar--readonly {
 	min-width: 100px;
 }
 .body--window .layout__resize + .fn__flex-1 > div[data-type="wnd"] > .fn__flex > .layout-tab-bar--readonly {

Original file line number	Diff line number	Diff line change
`@@ -309,14 +309,21 @@`
`309`	`309`	`}`
`310`	`310`
`311`	`311`	`// 右下角的编辑器，滚动条的底部需要留出 24px，否则会被底栏挡住`
`312`		`-html[data-whisper-status="show"][data-whisper-layout-dockr="float"] .layout__center .fn__flex-1:not(:has(+ .layout__resize--lr)):not(:has(+ .layout__resize)) > div[data-type="wnd"] > .layout-tab-container > .fn__flex-1 {`
	`312`	`+html[data-whisper-status="show"][data-whisper-layout-dockr="float"] .layout__center .fn__flex:not(:has(+ .layout__resize--lr)):not(:has(+ .layout__resize)) > div[data-type="wnd"] > .layout-tab-container > .fn__flex-1 {`
`313`	`313`	`&.protyle .protyle-content, // 编辑器`
`314`	`314`	`#viewerContainer { // PDF 阅读器`
`315`	`315`	`&::-webkit-scrollbar-track {`
`316`		`- margin-bottom: 24px`
	`316`	`+ margin-bottom: 24px // 等于底栏 status 的高度`
`317`	`317`	`}`
`318`	`318`	`}`
`319`	`319`	`}`
	`320`	`+// 底栏会挡住右下角的反链或者大纲页签`
	`321`	`+html[data-whisper-status="show"][data-whisper-dock-bottom="hide"] .layout__center .fn__flex:not(:has(+ .layout__resize--lr)):not(:has(+ .layout__resize)) > div[data-type="wnd"] > .layout-tab-container > .fn__flex-1 {`
	`322`	`+ &.sy__backlink .backlinkList + .block__icons,`
	`323`	`+ &.sy__outline > .fn__flex-1 {`
	`324`	`+ padding-bottom: 24px !important; // 等于底栏 status 的高度`
	`325`	`+ }`
	`326`	`+}`
`320`	`327`
`321`	`328`
`322`	`329`	`// ————————————————————编辑器顶部————————————————————`
Original file line number	Diff line number	Diff line change
`@@ -189,7 +189,7 @@`
`189`	`189`	`}`
`190`	`190`	`}`
`191`	`191`	`// 新窗口的右上角留一点位置用来拖拽窗口`
`192`		`-.body--window #layouts .fn__flex-1:not(:has(+ .layout__resize--lr)) > div[data-type="wnd"] > .fn__flex > .layout-tab-bar--readonly {`
	`192`	`+.body--window #layouts .fn__flex:not(:has(+ .layout__resize--lr)) > div[data-type="wnd"] > .fn__flex > .layout-tab-bar--readonly {`
`193`	`193`	`min-width: 100px;`
`194`	`194`	`}`
`195`	`195`	`.body--window .layout__resize + .fn__flex-1 > div[data-type="wnd"] > .fn__flex > .layout-tab-bar--readonly {`