feat(core): linked doc visiblity setting and new sidebar layout (#12836)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Added a setting to control the visibility of linked document
structures in the sidebar, enabled by default.
- Introduced a "dense" mode for workspace selectors and cards, providing
a more compact display.

- **Improvements**
- Refined sidebar and navigation panel layouts with updated padding,
spacing, and avatar/button sizing for a cleaner and more consistent
appearance.
- Enhanced sidebar appearance settings UI, including new localization
for the linked doc visibility option.
- Updated color theming and spacing in sidebar menu items and quick
search input for better usability.
- Enabled collapsible behavior control for navigation panel tree nodes,
improving user interaction flexibility.

- **Style**
- Adjusted various component styles for improved compactness and
alignment across the sidebar and navigation panels.
- Reduced sizes and padding of buttons and icons for a tidier interface.
- Updated CSS variables and dynamic sizing for workspace cards to
support dense mode.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
Cats Juice
2025-06-17 16:09:34 +08:00
committed by GitHub
parent ba718b955a
commit dfe4c22a75
23 changed files with 205 additions and 94 deletions

View File

@@ -14,7 +14,7 @@
"it-IT": 100,
"it": 1,
"ja": 100,
"ko": 54,
"ko": 53,
"pl": 100,
"pt-BR": 100,
"ru": 100,

View File

@@ -1003,6 +1003,14 @@ export function useAFFiNEI18N(): {
* `Translucent UI on the sidebar`
*/
["com.affine.appearanceSettings.translucentUI.title"](): string;
/**
* `Show linked doc in sidebar`
*/
["com.affine.appearanceSettings.showLinkedDocInSidebar.title"](): string;
/**
* `Control whether to show the structure of linked docs in the sidebar.`
*/
["com.affine.appearanceSettings.showLinkedDocInSidebar.description"](): string;
/**
* `Your current email is {{email}}. We'll send a temporary verification link to this email.`
*/

View File

@@ -240,6 +240,8 @@
"com.affine.appearanceSettings.title": "Appearance settings",
"com.affine.appearanceSettings.translucentUI.description": "Use transparency effect on the sidebar.",
"com.affine.appearanceSettings.translucentUI.title": "Translucent UI on the sidebar",
"com.affine.appearanceSettings.showLinkedDocInSidebar.title": "Show linked doc in sidebar",
"com.affine.appearanceSettings.showLinkedDocInSidebar.description": "Control whether to show the structure of linked docs in the sidebar.",
"com.affine.auth.change.email.message": "Your current email is {{email}}. We'll send a temporary verification link to this email.",
"com.affine.auth.change.email.page.subtitle": "Please enter your new email address below. We will send a verification link to this email address to complete the process.",
"com.affine.auth.change.email.page.success.subtitle": "Congratulations! You have successfully updated the email address associated with your AFFiNE Cloud account.",