Merge branch: comprehensive UI refinement and code quality improvements#536
Merged
UNLINEARITY merged 34 commits intoPUBLISHfrom Mar 9, 2026
Merged
Merge branch: comprehensive UI refinement and code quality improvements#536UNLINEARITY merged 34 commits intoPUBLISHfrom
UNLINEARITY merged 34 commits intoPUBLISHfrom
Conversation
Introduce ESLint, Prettier, and Stylelint with flat configs; fix code issues (unused variables, escape chars, strict equality). Create design tokens (colors, typography, spacing, shadows) and modern enhancements (glassmorphism, gradient text, hover animations, custom scrollbar). Styles now follow a unified design system with responsive and dark/light mode support. Linting and formatting scripts added; all checks passing. 引入ESLint、Prettier和Stylelint的扁平配置；修复代码问题（未使用变量、转义字符、严格相等）。创建设计令牌（颜色、排版、间距、阴影）和现代化增强（毛玻璃效果、渐变文字、悬停动画、自定义滚动条）。样式现遵循统一设计系统，支持响应式和深色/浅色模式。添加代码检查和格式化脚本；所有检查已通过。
…izing Reduce unnecessary top padding/margin for more compact layout; make sidebar headers sticky with subtle shadow separation; remove gray background/border from TOC container, replace with cleaner line indicators; enlarge sidebar collapse buttons from 30px to 36px for better clickability. Apply natural transition curves and more subtle shadows to reduce over-polished "AI" feel. All changes are CSS-only and backwards-compatible. 减少顶部空白使布局更紧凑；使侧边栏头部固定并添加微妙阴影分隔；移除大纲容器的灰色背景和边框，改用更简洁的线条指示器；将侧边栏折叠按钮从30px增大到36px提升点击体验。使用更自然的过渡曲线和微妙的阴影，减少过度的AI感。所有修改均为纯CSS，向后兼容。
…s-and-Bellman-Equation_10_0.jpg
…s-and-Bellman-Equation_13_0.jpg
…s-and-Bellman-Equation_1_0.jpg
…s-and-Bellman-Equation_9_0.jpg
…uttons Fix layout issues across header, sidebars, and content area by unifying CSS variables for spacing and widths; tighten right sidebar default width and clamp drag-to-resize values to prevent excessive whitespace; replace inline styles with class-based styling in navbar components. Redesign left sidebar logo area for true centering; rewrite sidebar toggle logic in JavaScript to unify external and internal close buttons; replace floating circular toggles with edge-mounted handle-style buttons that reposition automatically. Toggle states now sync with localStorage and ARIA attributes. 通过统一间距和宽度的CSS变量，修复头部、侧栏和内容区域的布局冲突；收紧右侧栏默认宽度并限制拖拽范围，防止过度的留白；将导航组件中的内联样式替换为基于类的样式。重新设计左侧栏Logo区域实现真正居中；重写侧栏折叠的JavaScript逻辑，统一外部和内部关闭按钮的行为；将悬浮的圆形折叠按钮改为贴边的手柄式按钮，可自动调整位置。折叠状态现在与本地存储和ARIA属性同步。
Enlarge left sidebar logo area and tighten right sidebar padding/width limits to eliminate residual whitespace; redesign search button layout to properly align "Search" text with "Ctrl+K" label, with full light/dark theme support; unify site accent color with graph node color (teal/cyan); replace floating toggle buttons with edge‑mounted tabs resembling Obsidian/VS Code style; improve build scripts by removing npm-run-all and adding fallback for theme fetching. 放大左侧栏Logo区域并收紧右侧栏内边距/宽度限制，消除残留空白；重新设计搜索按钮布局，使"Search"文本与"Ctrl+K"标签正确对齐，并完整支持深浅色主题；将站点强调色与图谱节点颜色统一（青蓝色系）；将悬浮折叠按钮改为贴边的选项卡样式，更接近Obsidian/VS Code风格；改进构建脚本，移除npm-run-all依赖并添加主题获取失败时的容错。
Revert light theme accent colors to a calmer, more沉稳 palette; darken existing content links from bright cyan to deeper link color; introduce distinct color variables for unresolved links (grayish‑purple with dotted underline) to clearly differentiate from existing links; slightly brighten dark theme accent and link colors while maintaining沉稳ness; remove hardcoded bright cyan overrides in .content a to ensure consistent link theming. 将浅色主题强调色恢复为更沉稳的旧版色系；将正文已存在链接从亮青色改为更深的链接色；为未解析链接引入单独的偏灰紫色变量，并添加点状下划线以清晰区分状态；略微提亮深色主题的强调色和链接色，同时保持沉稳基调；移除.content a中的硬编码亮青色覆盖，确保链接主题一致。
Shift right sidebar toggle button slightly left for better visual alignment; fix occasional white overlay on local graph during page navigation by ensuring canvas and graph state are fully cleared on destroy; add rendering state markers and background transition to graph container to reduce flash in light mode. 微调右侧栏折叠按钮向左移动，改善视觉对齐；修复页面切换时局部关系图偶现白色遮罩的问题，确保销毁时彻底清空canvas和图谱状态；为图谱容器添加渲染状态标记和背景过渡，减少浅色模式下的闪白感。
Fix local graph size and positioning issues after sidebar resize by synchronizing graph rendering with container dimensions; calculate available height as parent minus control area to prevent downward shift and maximize graph fill; reduce zoomToFit padding for better canvas usage; refactor depth slider to debounce actual graph updates while showing immediate numeric feedback, eliminating jarring rebuilds on each drag; ensure graph state and canvas are fully cleared on page switch to prevent residual states. 修复右侧栏拖拽后局部关系图尺寸和定位异常的问题，使图谱渲染与容器尺寸同步；按父容器高度减去控制区计算可用高度，防止图谱偏下并最大化填充画布；减小zoomToFit留白以更好利用画布空间；重构深度滑杆，即时显示数值但延迟实际图谱更新，消除拖动时每帧重建导致的突变感；确保页面切换时彻底清空图谱状态和画布，避免残留状态。
Fix extra left padding in filetree items by conditionally rendering .tree-item-icon only when note icons are disabled, preventing duplicate visual placeholder while preserving .filename[data-note-icon]::before as the sole file identifier. Tighten left header vertical padding, reduce spacing between logo and title, lower search margin, and increase site title size. Remove default glow from logo and active note cards, keeping only hover feedback for a cleaner appearance. 修复文件树项目额外左侧缩进问题：仅在禁用笔记图标时有条件渲染.tree-item-icon占位列，避免视觉重复占位，同时保留.filename[data-note-icon]::before作为唯一文件标识。收紧左侧头部垂直内边距，压缩Logo与标题间距，下调搜索框边距并增大站点标题尺寸。移除Logo和激活笔记卡的默认光晕，仅保留悬停反馈，视觉更干净。
Comprehensive UI refinement and code quality improvements
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Merge comprehensive UI polish and refinement work spanning multiple days. Key improvements include: fixing filetree indentation and left header spacing; enhancing local graph sizing, positioning, and depth slider smoothness; resolving layout conflicts across sidebars, navigation, and search; unifying color schemes with graph node colors and refining link states; redesigning toggle buttons and logo centering; introducing design tokens and modern visual enhancements; adding linting tools (ESLint, Prettier, Stylelint) and fixing code issues. Overall result is a more polished, consistent, and maintainable UI with improved user experience.
合并多日的全面UI打磨和优化工作。主要改进包括：修复文件树缩进和左侧头部间距；增强局部关系图尺寸、定位和深度滑杆流畅度；解决侧栏、导航和搜索的布局冲突；统一配色方案与图谱节点颜色并细化链接状态；重新设计折叠按钮和Logo居中；引入设计令牌和现代化视觉增强；添加代码检查工具（ESLint、Prettier、Stylelint）并修复代码问题。整体结果是更精致、一致且可维护的UI，用户体验得到提升。