mirror of
https://github.com/stablyai/orca.git
synced 2026-10-19 00:03:20 +00:00
Compact toolbar height when TOC panel is visible
Align both the TOC header and markdown toolbar to a consistent 40px height with a shared bottom border when the TOC panel is open, removing redundant borders and reducing visual clutter.
This commit is contained in:
@@ -30,6 +30,19 @@
|
||||
background: color-mix(in srgb, var(--background) 84%, transparent);
|
||||
}
|
||||
|
||||
/* Why: the TOC header is a fixed 40px chrome row; compact the toolbar to match when both are visible. */
|
||||
.rich-markdown-editor-layout:has(.markdown-toc-panel) .markdown-toc-header,
|
||||
.rich-markdown-editor-layout:has(.markdown-toc-panel) .rich-markdown-editor-toolbar {
|
||||
min-height: 40px;
|
||||
box-sizing: border-box;
|
||||
border-bottom: none;
|
||||
box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--border) 72%, transparent);
|
||||
}
|
||||
|
||||
.rich-markdown-editor-layout:has(.markdown-toc-panel) .rich-markdown-editor-toolbar {
|
||||
padding-block: 6px;
|
||||
}
|
||||
|
||||
.rich-markdown-toolbar-button {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
||||
Reference in New Issue
Block a user