mirror of
https://github.com/unabyss/obsidian-plugin.git
synced 2026-07-22 07:47:17 +00:00
b9b0cfad55
- add a read-only Unabyss side panel (ItemView) docked in the right sidebar showing connection status and live outbound/inbound progress; opens on layout-ready and via the "Open Unabyss panel" command - replace the placeholder header dots with the real brand tile rendered as inline SVG (shared src/logo.ts), theme-adaptive via CSS variables; register a monochrome variant as the side-panel tab icon - nest the selected include-folders chips inside a labelled sub-container within the Include folders block instead of floating in the section - share formatProgress between the settings tab and the panel Co-authored-by: Cursor <cursoragent@cursor.com>
131 lines
2.5 KiB
CSS
131 lines
2.5 KiB
CSS
.unabyss-settings-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
.unabyss-logo {
|
|
flex-shrink: 0;
|
|
--unabyss-logo-bg: #181817;
|
|
--unabyss-logo-dot: #ffffff;
|
|
}
|
|
|
|
.theme-light .unabyss-logo {
|
|
--unabyss-logo-bg: #ffffff;
|
|
--unabyss-logo-dot: #181817;
|
|
}
|
|
|
|
.unabyss-logo .unabyss-logo-tile {
|
|
fill: var(--unabyss-logo-bg);
|
|
}
|
|
|
|
.unabyss-logo .unabyss-logo-dot {
|
|
fill: var(--unabyss-logo-dot);
|
|
}
|
|
|
|
.unabyss-settings-title {
|
|
margin: 0;
|
|
font-size: var(--font-ui-large);
|
|
font-weight: var(--font-bold);
|
|
}
|
|
|
|
.unabyss-connection-banner {
|
|
margin-bottom: 16px;
|
|
padding: 12px 14px;
|
|
border-radius: 8px;
|
|
border: 1px solid var(--background-modifier-border);
|
|
background: var(--background-secondary);
|
|
}
|
|
|
|
.unabyss-connection-banner-actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.unabyss-include-folders {
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
.unabyss-folder-chip-subcontainer {
|
|
margin: 4px 0 0 0;
|
|
padding: 10px 12px;
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 8px;
|
|
background: var(--background-secondary);
|
|
}
|
|
|
|
.unabyss-folder-chip-subcontainer-title {
|
|
font-size: var(--font-ui-smaller);
|
|
color: var(--text-muted);
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.unabyss-folder-chip-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
}
|
|
|
|
.unabyss-folder-chip {
|
|
padding: 4px 8px;
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 4px;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
}
|
|
|
|
.unabyss-folder-chip-remove {
|
|
background: transparent;
|
|
border: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.unabyss-sidebar {
|
|
padding: 12px 14px;
|
|
}
|
|
|
|
.unabyss-sidebar-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.unabyss-sidebar-title {
|
|
font-size: var(--font-ui-large);
|
|
font-weight: var(--font-bold);
|
|
}
|
|
|
|
.unabyss-sidebar-status {
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
.unabyss-sidebar-status-line {
|
|
font-size: var(--font-ui-small);
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.unabyss-sidebar-progress {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 6px;
|
|
padding: 10px 12px;
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 8px;
|
|
background: var(--background-secondary);
|
|
}
|
|
|
|
.unabyss-sidebar-progress-line {
|
|
font-size: var(--font-ui-small);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.unabyss-sidebar-hint {
|
|
margin-top: 14px;
|
|
font-size: var(--font-ui-smaller);
|
|
color: var(--text-muted);
|
|
}
|