mirror of
https://github.com/raven-pensieve/obsidian-ace-code-editor.git
synced 2026-07-22 05:48:56 +00:00
5cb51b0657
* feat: 在片段导航中添加可见性图标与修复图标名 在 SnippetsNavigation 组件中添加表示文件可见性的图标（Eye / EyeClosed），并在文件列表项中显示对应图标以直观指示启用/禁用 状态。为此新增了相应的 JSX 结构和 CSS 样式（nav-file-title） 以调整图标与标题的间距。 同时修正了若干菜单项使用的图标名称，统一为正确的图标键： arrow-up-az、arrow-up-za、arrow-up-10、arrow-up-01。修正这些名 称可避免图标无法加载或显示错误，确保排序菜单图标与语义一致。 整体上这两个改动提升了列表的可用性和视觉反馈，并修复了因 图标名称错误导致的显示问题。 * refactor: 移除 SnippetsFileModal 的样式文件 移除 styles/SnippetsFileModal.css 并从样式入口中删除引用。 主要改动是删除整个模态窗口的 CSS 文件以及 styles/styles.ts 中对该文件的导入。这样做是为了清理未使用或已被替代的样式， 减少打包体积并避免重复样式冲突。
82 lines
1.3 KiB
CSS
82 lines
1.3 KiB
CSS
.ace-snippets-editor {
|
|
display: flex;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.ace-snippets-split-container {
|
|
display: flex;
|
|
flex: 1;
|
|
height: 100%;
|
|
}
|
|
|
|
.ace-snippets-left-panel {
|
|
display: flex;
|
|
flex-direction: column;
|
|
background-color: var(--background-secondary);
|
|
|
|
&.is-collapsed {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.ace-snippets-resize-handle {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 4px;
|
|
z-index: 10;
|
|
background-color: transparent;
|
|
cursor: col-resize;
|
|
transition: background-color 0.1s ease;
|
|
/* Visual separator */
|
|
border-left: 1px solid var(--background-modifier-border);
|
|
}
|
|
|
|
.ace-snippets-resize-handle:hover,
|
|
.ace-snippets-resize-handle.is-resizing {
|
|
background-color: var(--interactive-accent);
|
|
}
|
|
|
|
.ace-snippets-right-panel {
|
|
flex: 1;
|
|
position: relative;
|
|
background-color: var(--background-primary);
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.ace-snippets-navigation {
|
|
position: relative;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.animate-spin {
|
|
animation: spin 1s linear infinite;
|
|
}
|
|
@keyframes spin {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.nav-file-title {
|
|
gap: 4px;
|
|
}
|
|
}
|
|
|
|
.ace-snippets-empty-state {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: var(--text-muted);
|
|
font-size: 1.1em;
|
|
gap: 16px;
|
|
height: 100%;
|
|
}
|