From d81ddf2cd8695e19d892306356303e2b79a99ebc Mon Sep 17 00:00:00 2001 From: KiKaraage Date: Mon, 19 May 2025 14:56:35 +0700 Subject: [PATCH 01/11] Create Keyboard Shortcuts article (1) --- content/docs/user-manual/shortcuts | 177 +++++++++++++++++++++++++++++ 1 file changed, 177 insertions(+) create mode 100644 content/docs/user-manual/shortcuts diff --git a/content/docs/user-manual/shortcuts b/content/docs/user-manual/shortcuts new file mode 100644 index 0000000..dc717c1 --- /dev/null +++ b/content/docs/user-manual/shortcuts @@ -0,0 +1,177 @@ +--- +title: Keyboard Shortcuts +description: Enhance your Zen experience with customizable keybinds +--- + +Zen Browser supported lots of keyboard shortcuts to help you do common tasks quicker. Access `Settings` > `Keyboard Shortcuts` and edit the available shortcuts to suit your workflow even more! + +### Change or rebind keyboard shortcuts in Zen +- In Keyboard Shortcuts setting page, to change or rebind shortcut of a feature, click the text field beside it, press your shortcuts, and press Esc to save your new shortcut. + - The text field will show a dark green outline quickly when the new shortcut is succesfully assigned and saved. + - The text field will show a red outline if the new shortcut you assign is already taken as default shortcut for other feature in Zen. Below the field, a *Conflict with another shortcut* warning will be shown. If you encounter this, you can try assign another shortcut, or press Backspace to clear the shortcut field. You can also clear the shortcut field of a feature you don't need, before assigning it as a new shortcut for other features. + - + +{/* TODO: insert video of editing a keyboard shortcuts */} + +## List of editable keyboard shortcuts in Zen + +### Compact Mode + +| **Action** | **Shortcut** | +| ----------------------- | -------------------- | +| Toggle Floating Toolbar | `Alt + Ctrl/Cmd + T` | +| Toggle Floating Sidebar | `Alt + Ctrl/Cmd + S` | +| Toggle Compact Mode | `Alt + Ctrl/Cmd + C` | + +### Workspaces + +| **Action** | **Shortcut** | +| -------------------------- | -------------------- | +| Backward Workspace | `Alt + Ctrl/Cmd + Q` | +| Forward Workspace | `Alt + Ctrl/Cmd + E` | +| Switch to Workspace (1-10) | Not set by default | + +You can assign custom keyboard shortcuts to switch into up to 10 workspaces. + +### Split View + +The "Toggle Split View" shortcuts currently only applicable when selecting multiple tabs in tab sidebar, and doesn't worked when used inside a split view. + +| **Action** | **Shortcut** | +| ------------------------------ | -------------------- | +| Close Split View (Unsplit All) | `Alt + Ctrl/Cmd + U` | +| Toggle Split View Horizontal^ | `Alt + Ctrl/Cmd + H` | +| Toggle Split View Vertical^ | `Alt + Ctrl/Cmd + V` | +| Toggle Split View Grid^ | `Alt + Ctrl/Cmd + G` | + +### Window & Tab Management + +| **Action** | **Shortcut** | +| ----------------------- | ---------------------- | +| New Window | `Alt + Ctrl/Cmd + U` | +| New Tab | `Ctrl/Cmd + T` | +| Close Tab | `Ctrl/Cmd + W` | +| Close Window | `Shift + Ctrl/Cmd + W` | +| Quit Application | `Ctrl/Cmd + Q` | +| Restore Last Closed Tab | `Shift + Ctrl/Cmd + T` | +| Undo Close Window | `Shift + Ctrl/Cmd + N` | +| Select tab #1 - #8^ | `Alt + 1/2/.../8` | +| Select last tab | `Alt + 9` | + +^ Tab numbers listed for these keyboard shortcuts includes Essentials and pinned tabs. Example: If you have three Essentials, four pinned tabs, and five regular tabs: +- `Alt + 1` until `Alt + 3` will switch you to your Essentials, +- `Alt + 4` until `Alt + 7` will switch you to your pinned tabs, +- `Alt + 8` will switch you to your first regular tab, +- `Alt + 9` will switch you to your last tab (12th). + +### Navigation + +| **Action** | **Shortcut** | +| ------------------------------------ | ---------------------- | +| Go Back | `Alt + <=` | +| Go Forward | `Alt + =>` | +| Navigate Back (Alternative) | `Ctrl/Cmd + [` | +| Navigate Forward (Alternative) | `Ctrl/Cmd + ]` | +| Go Home | `Alt + Home` | +| Reload Page | `Ctrl/Cmd + R` | +| Reload Page (Skip Current Cache) | `Shift + Ctrl/Cmd + R` | +| Go to History (Open History Sidebar) | `Ctrl/Cmd + H` | +| Open Private Browsing Window | `Shift + Ctrl/Cmd + P` | + +### Search & Find + +| **Action** | **Shortcut** | +| --------------------------------------- | ---------------------- | +| Focus Search^ | `Ctrl/Cmd + K` | +| Focus Search^ (Alternative) | `Ctrl/Cmd + J` | +| Find on Page | `Ctrl/Cmd + F` | +| Find Again (Jump to Next Result) | `Ctrl/Cmd + G` | +| Find Previous (Jump to Previous Result) | `Shift + Ctrl/Cmd + G` | + +^ Focus Search shortcut will open your URL bar, shift focus and enable Search mode using your default search engine. + +### Page Operations + +| **Action** | **Shortcut** | +| --------------------------------------- | ---------------------- | +| Open Location (Current link in URL Bar) | `Ctrl/Cmd + L` | +| Open Location (Alternative) | `Alt + D` | +| Save Page | `Ctrl/Cmd + S` | +| Print Page | `Ctrl/Cmd + P` | +| Toggle Reader Mode | `Alt + Ctrl/Cmd + R` | +| Toggle Picture-in-Picture | `Shift + Ctrl/Cmd + ]` | +| View Page Source | `Ctrl/Cmd + U` | +| View Page Info | `Ctrl/Cmd + [` | + +### History & Bookmarks + +| **Action** | **Shortcut** | +| -------------------------------- | ---------------------- | +| Show All History | `Shift + Ctrl/Cmd + H` | +| Bookmark This Page | `Ctrl/Cmd + D` | +| Bookmark This Page (Alternative) | `Shift + Ctrl/Cmd + D` | +| Show Bookmarks Library | `Shift + Ctrl/Cmd + O` | + +### Media & Display + +| **Action** | **Shortcut** | +| --------------------- | ---------------------- | +| Toggle Mute | `Ctrl/Cmd + M` | +| Zoom Out | `Ctrl/Cmd + -` | +| Zoom In | `Ctrl/Cmd + +` | +| Reset Zoom Level | `Ctrl/Cmd + 0` | +| Switch Text Direction | `Shift + Ctrl/Cmd + X` | +| Take Screenshot | `Shift + Ctrl/Cmd + S` | + +### Developer Tools + +| **Action** | **Shortcut** | +| ----------------------------- | ---------------------------- | +| Toggle DevTools | `Shift + Ctrl/Cmd + I` | +| Toggle Browser Toolbox | `Alt + Shift + Ctrl/Cmd + I` | +| Toggle Browser Console | `Shift + Ctrl/Cmd + J` | +| Toggle Responsive Design Mode | `Shift + Ctrl/Cmd + M` | +| Toggle Inspector | `Shift + Ctrl/Cmd + L` | +| Toggle Web Console | `Shift + Ctrl/Cmd + K` | +| Toggle JavaScript Debugger | `Shift + Ctrl/Cmd + Z` | +| Toggle Network Monitor | `Shift + Ctrl/Cmd + E` | +| Toggle Style Editor | `Shift + F7` | +| Toggle Performance | `Shift + F5` | +| Toggle Storage | `Shift + F9` | +| Toggle DOM | `Shift + Ctrl/Cmd + W` | +| Toggle Accessibility | `Shift + F12` | + +### Zen Features + +| **Action** | **Shortcut** | +| ------------------------------ | ---------------------------- | +| Copy Current URL as Markdown | `Alt + Shift + Ctrl/Cmd + C` | +| Copy Current URL | `Shift + Ctrl/Cmd + C` | +| Toggle Sidebar Width | `Alt + B` | +| Reset Pinned Tab to Pinned URL | Not set by default | + +### Other Features + +| **Action** | **Shortcut** | +| -------------------------- | --------------------------- | +| Open Downloads | `Shift + Ctrl/Cmd + Y` | +| Open Add-ons | `Shift + Ctrl/Cmd + A` | +| Open File | `Ctrl/Cmd + O` | +| Delete Key | `Delete` | +| Enter Full Screen | `F11` | +| Exit Full Screen | `F11` | +| About Processes | `Shift + Escape` | +| Show Bookmarks Sidebar | `Ctrl/Cmd + B` | +| Show Bookmarks Toolbar | `Shift + Ctrl/Cmd + B` | +| Stop Loading | `Escape` | +| Toggle AI Chatbot Sidebar^ | `Alt + Ctrl/Cmd + X` | +| Toggle Firefox Sidebar | `Alt + Ctrl/Cmd + Z` | +| Show All Tabs | `Shift + Ctrl + Tab` | +| Clear Browsing Data | `Shift + Ctrl/Cmd + Delete` | +| WR Capture Command | `Ctrl/Cmd + #` | +| Toggle WR Capture Sequence | `Ctrl/Cmd + ^` | + +--- + +Read more about default keyboard shortcuts in Firefox: +[Keyboard shortcuts - Perform common Firefox tasks quickly | Firefox Help](https://support.mozilla.org/en-US/kb/keyboard-shortcuts-perform-firefox-tasks-quickly) From 2d06e2b7cc58f129d067e940ca16d7d03f2aca02 Mon Sep 17 00:00:00 2001 From: KiKaraage Date: Mon, 19 May 2025 15:43:32 +0700 Subject: [PATCH 02/11] Update explanations, explain Ctrl + Tab, rename to shortcuts.mdx --- .../user-manual/{shortcuts => shortcuts.mdx} | 33 +++++++++++-------- 1 file changed, 20 insertions(+), 13 deletions(-) rename content/docs/user-manual/{shortcuts => shortcuts.mdx} (75%) diff --git a/content/docs/user-manual/shortcuts b/content/docs/user-manual/shortcuts.mdx similarity index 75% rename from content/docs/user-manual/shortcuts rename to content/docs/user-manual/shortcuts.mdx index dc717c1..eb65629 100644 --- a/content/docs/user-manual/shortcuts +++ b/content/docs/user-manual/shortcuts.mdx @@ -6,12 +6,15 @@ description: Enhance your Zen experience with customizable keybinds Zen Browser supported lots of keyboard shortcuts to help you do common tasks quicker. Access `Settings` > `Keyboard Shortcuts` and edit the available shortcuts to suit your workflow even more! ### Change or rebind keyboard shortcuts in Zen + +{/* TODO: insert video of editing a keyboard shortcuts */} + - In Keyboard Shortcuts setting page, to change or rebind shortcut of a feature, click the text field beside it, press your shortcuts, and press Esc to save your new shortcut. - The text field will show a dark green outline quickly when the new shortcut is succesfully assigned and saved. - The text field will show a red outline if the new shortcut you assign is already taken as default shortcut for other feature in Zen. Below the field, a *Conflict with another shortcut* warning will be shown. If you encounter this, you can try assign another shortcut, or press Backspace to clear the shortcut field. You can also clear the shortcut field of a feature you don't need, before assigning it as a new shortcut for other features. - - + - Some Zen features might not have conflict when its original shortcut got reassigned for other features, but when the shortcut is called, it will resort to do the original feature. You can check the Keyboard Settings if the shortcut you're assigning is already set for other feature, and try assign other shortcut to make it work. +- Not all features are available in the Keyboard Shortcuts settings, especially alternative shortcuts derived from Firefox ([Check default Firefox shortcut lists](https://support.mozilla.org/en-US/kb/keyboard-shortcuts-perform-firefox-tasks-quickly)). This might result in failure when applying or accessing the feature using a custom shortcut you assigned. If a Firefox shortcut is not available in the Keyboard Shortcuts settings, you won't be able to use it as a custom shortcut yet. Kindly report it to [Zen Github Issues page](https://github.com/zen-browser/desktop/issues) first! -{/* TODO: insert video of editing a keyboard shortcuts */} ## List of editable keyboard shortcuts in Zen @@ -40,9 +43,9 @@ The "Toggle Split View" shortcuts currently only applicable when selecting multi | **Action** | **Shortcut** | | ------------------------------ | -------------------- | | Close Split View (Unsplit All) | `Alt + Ctrl/Cmd + U` | -| Toggle Split View Horizontal^ | `Alt + Ctrl/Cmd + H` | -| Toggle Split View Vertical^ | `Alt + Ctrl/Cmd + V` | -| Toggle Split View Grid^ | `Alt + Ctrl/Cmd + G` | +| Toggle Split View Horizontal | `Alt + Ctrl/Cmd + H` | +| Toggle Split View Vertical | `Alt + Ctrl/Cmd + V` | +| Toggle Split View Grid | `Alt + Ctrl/Cmd + G` | ### Window & Tab Management @@ -55,14 +58,18 @@ The "Toggle Split View" shortcuts currently only applicable when selecting multi | Quit Application | `Ctrl/Cmd + Q` | | Restore Last Closed Tab | `Shift + Ctrl/Cmd + T` | | Undo Close Window | `Shift + Ctrl/Cmd + N` | -| Select tab #1 - #8^ | `Alt + 1/2/.../8` | +| Select tab #1 - #8 ^ | `Alt + 1/2/.../8` | | Select last tab | `Alt + 9` | -^ Tab numbers listed for these keyboard shortcuts includes Essentials and pinned tabs. Example: If you have three Essentials, four pinned tabs, and five regular tabs: -- `Alt + 1` until `Alt + 3` will switch you to your Essentials, -- `Alt + 4` until `Alt + 7` will switch you to your pinned tabs, -- `Alt + 8` will switch you to your first regular tab, -- `Alt + 9` will switch you to your last tab (12th). +- By default, you can **switch to next tab** using the `Ctrl/Cmd + Tab` shortcut and **switch to previous tab** using the `Ctrl/Cmd + Shift + Tab` shortcut. +- When you're in Compact Mode and switching tabs using `Ctrl/Cmd + Tab` or `Ctrl/Cmd + Shift + Tab`, you can peek into the tab you're switching in by enabling the **"Briefly make the toolbar popup when switching or opening new tabs in compact mode"** option in `Settings` > `Look and Feel` > `Theme Settings`. +- Pressing `Ctrl/Cmd + Tab` when you're in the last tab will switch you to the first available tab (Essentials first, then pinned tabs, and lastly, regular tabs). +- ^ Tab numbers listed for these keyboard shortcuts includes Essentials and pinned tabs. Example: If you have three Essentials, four pinned tabs, and five regular tabs: + - `Alt + 1` until `Alt + 3` will switch you to your Essentials, + - `Alt + 4` until `Alt + 7` will switch you to your pinned tabs, + - `Alt + 8` will switch you to your first regular tab, + - `Alt + 9` will switch you to your last tab (12th). +- Zen can also let you cycle through recently used tabs, instead of cycling through all of your tabs. Enable it by go to `Settings` > `General` > `Tabs` and check the `Ctrl + Tab cycles through tabs in recently used order`. A popup containing up to 7 recently used tabs will show up when you press `Ctrl/Cmd + Tab`. ### Navigation @@ -82,8 +89,8 @@ The "Toggle Split View" shortcuts currently only applicable when selecting multi | **Action** | **Shortcut** | | --------------------------------------- | ---------------------- | -| Focus Search^ | `Ctrl/Cmd + K` | -| Focus Search^ (Alternative) | `Ctrl/Cmd + J` | +| Focus Search ^ | `Ctrl/Cmd + K` | +| Focus Search ^ (Alternative) | `Ctrl/Cmd + J` | | Find on Page | `Ctrl/Cmd + F` | | Find Again (Jump to Next Result) | `Ctrl/Cmd + G` | | Find Previous (Jump to Previous Result) | `Shift + Ctrl/Cmd + G` | From 519aadf604d19633accefc57d17eb886a3963539 Mon Sep 17 00:00:00 2001 From: KiKaraage Date: Mon, 19 May 2025 19:10:54 +0700 Subject: [PATCH 03/11] Translate.mdx: Create outline and writing points --- content/docs/user-manual/translate.mdx | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 content/docs/user-manual/translate.mdx diff --git a/content/docs/user-manual/translate.mdx b/content/docs/user-manual/translate.mdx new file mode 100644 index 0000000..d66a410 --- /dev/null +++ b/content/docs/user-manual/translate.mdx @@ -0,0 +1,25 @@ +--- +title: Translations +description: Translate webpages or text selections directly in Zen +--- + +### Setting Languages + +- Webpage Language Settings: Choose languages for displaying these web pages, in order of preference. You can click **Select a language to add** to add more language to your preference and click **Add** to put it onto the options. And then, you can choose a language and click **Move Up** to prioritize it, click **Move Down** to deprioritize it, or **Remove** to remove it from your preferred language. Click **OK** to confirm your preference. +- If you're visiting + +### Translations Options +- Set your language and site translation preferences and manage language downloaded for offline translation. +- "Always translate these languages" +- "Never translate these languages" +- "Never translate these sites" +- "Download languages" + - Download translation model for all languages: around 1,3 GB + - Translation model for most languages: around 17-34 MB/languages + - Translation model for languages with special characters (Arabic, Japanese, Korean, Russian, Traditional Chinese): 59-116 MB/languages + + +### Using Translation Feature +- From **"Translate this page?"** popup or **Translate button** in URL bar +- From right click menu > **"Translate Selection to Language..."** +- From main menu button > **"Translate page...** From 5b6463f4900044349723c695a701c7fc282c57b9 Mon Sep 17 00:00:00 2001 From: KiKaraage Date: Wed, 21 May 2025 15:45:29 +0700 Subject: [PATCH 04/11] Update translate.mdx --- content/docs/user-manual/translate.mdx | 45 +++++++++++++++++++++++++- 1 file changed, 44 insertions(+), 1 deletion(-) diff --git a/content/docs/user-manual/translate.mdx b/content/docs/user-manual/translate.mdx index d66a410..8f9f62b 100644 --- a/content/docs/user-manual/translate.mdx +++ b/content/docs/user-manual/translate.mdx @@ -3,12 +3,18 @@ title: Translations description: Translate webpages or text selections directly in Zen --- +Based on Firefox, Zen also inherit its translation features, allowing you navigate websites in various language easily. The translation process are done locally on your device, instead of relying in cloud services. You can pre-configure and download languages manually from the `Settings` > `Language and Appearance' page, or download the language needed when you use the feature for the first time. Once the languages downloaded, you can use the translate features easily in Zen! You can translate a whole page, translate a specific text selection, or translated a specific link. + +### Translating the full page + +### Translating text selection + ### Setting Languages - Webpage Language Settings: Choose languages for displaying these web pages, in order of preference. You can click **Select a language to add** to add more language to your preference and click **Add** to put it onto the options. And then, you can choose a language and click **Move Up** to prioritize it, click **Move Down** to deprioritize it, or **Remove** to remove it from your preferred language. Click **OK** to confirm your preference. -- If you're visiting ### Translations Options + - Set your language and site translation preferences and manage language downloaded for offline translation. - "Always translate these languages" - "Never translate these languages" @@ -18,6 +24,43 @@ description: Translate webpages or text selections directly in Zen - Translation model for most languages: around 17-34 MB/languages - Translation model for languages with special characters (Arabic, Japanese, Korean, Russian, Traditional Chinese): 59-116 MB/languages +### Supported Languages + +Here are the languages that currently supported translation feature in Zen: +- Arabic +- Bulgarian +- Chinese (Simplified) +- Catalan +- Croatian +- Czech +- Danish +- Dutch +- Estonian +- Finnish +- French +- German +- Greek +- Hungarian +- Indonesian +- Italian +- Japanese +- Korean +- Latvian +- Lithuanian +- Polish +- Portuguese +- Romanian +- Russian +- Serbian +- Slovak +- Slovenian +- Spanish +- Swedish +- Turkish +- Ukrainian +- Vietnamese + + ### Using Translation Feature - From **"Translate this page?"** popup or **Translate button** in URL bar From eed65eae5855070b097ee00b059a900e33978fcf Mon Sep 17 00:00:00 2001 From: KiKaraage Date: Thu, 22 May 2025 13:57:25 +0700 Subject: [PATCH 05/11] Finish the "translate full page" section --- content/docs/user-manual/translate.mdx | 24 +++++++++++++++++++++++- 1 file changed, 23 insertions(+), 1 deletion(-) diff --git a/content/docs/user-manual/translate.mdx b/content/docs/user-manual/translate.mdx index 8f9f62b..6bf4a53 100644 --- a/content/docs/user-manual/translate.mdx +++ b/content/docs/user-manual/translate.mdx @@ -3,12 +3,34 @@ title: Translations description: Translate webpages or text selections directly in Zen --- -Based on Firefox, Zen also inherit its translation features, allowing you navigate websites in various language easily. The translation process are done locally on your device, instead of relying in cloud services. You can pre-configure and download languages manually from the `Settings` > `Language and Appearance' page, or download the language needed when you use the feature for the first time. Once the languages downloaded, you can use the translate features easily in Zen! You can translate a whole page, translate a specific text selection, or translated a specific link. +Based on Firefox, Zen also inherit its translation features, allowing you navigate websites in various language easily. The translation process are done locally on your device, instead of relying in cloud services. You can translate a whole page, translate a specific text selection, or translated a specific link! ### Translating the full page +When you visit a webpage in a supported language, the translation panel will popped up automatically. You can also do it manually by opening **Main Menu** button and selecting **Translate page** option. + +{/* TODO: Insert screenshot of Translation panel popped up near the URL bar in Single Toolbar mode */} + + +You can also use a dedicated Translate button in the right side of the URL bar, which shows up when visiting webpages outside of your preferred language. In Single Toolbar mode, the button will be hidden by default and can be accessed after clicking the URL bar. + + +Zen detects the page languages manually and will suggest to translate it to your preferred languages. You can use the "**Translate from**" dropdown menu to change page language to detect, and use the "**Translate to**" dropdown menu to change your translation output language. Click "**Translate**" to translate the entire page. + + +Zen will download the language first if you're using this feature for the first time. After the language is downloaded, translation process will take around 20-60 seconds, depend on the length of contents. + + +The **Translate button** in URL bar will be updated along with the translation process, and after the translation process gets completed, your preferred language will be shown beside the icon. + +To revert the page to the original language, click the Translate button in the URL bar and click "**Show original**". + +{/* TODO: Insert screenshot of Translation panel popped up after a translate process is done, and highlight the "Show original" button */} + ### Translating text selection + + ### Setting Languages - Webpage Language Settings: Choose languages for displaying these web pages, in order of preference. You can click **Select a language to add** to add more language to your preference and click **Add** to put it onto the options. And then, you can choose a language and click **Move Up** to prioritize it, click **Move Down** to deprioritize it, or **Remove** to remove it from your preferred language. Click **OK** to confirm your preference. From 5c178ecd99bc94b8b9c1324c2e20060059df03b9 Mon Sep 17 00:00:00 2001 From: KiKaraage Date: Thu, 22 May 2025 16:05:30 +0700 Subject: [PATCH 06/11] Finishes the translate webpage/selection/link parts --- content/docs/user-manual/translate.mdx | 24 ++++++++++++++++++++---- 1 file changed, 20 insertions(+), 4 deletions(-) diff --git a/content/docs/user-manual/translate.mdx b/content/docs/user-manual/translate.mdx index 6bf4a53..f9d5fb9 100644 --- a/content/docs/user-manual/translate.mdx +++ b/content/docs/user-manual/translate.mdx @@ -3,7 +3,7 @@ title: Translations description: Translate webpages or text selections directly in Zen --- -Based on Firefox, Zen also inherit its translation features, allowing you navigate websites in various language easily. The translation process are done locally on your device, instead of relying in cloud services. You can translate a whole page, translate a specific text selection, or translated a specific link! +Based on Firefox, Zen also inherit its translation features, allowing you navigate websites in various language easily. The translation process are done locally on your device, instead of relying in cloud services. You can translate a whole page, translate a specific text selection, or translated a link text! ### Translating the full page @@ -15,7 +15,7 @@ When you visit a webpage in a supported language, the translation panel will pop You can also use a dedicated Translate button in the right side of the URL bar, which shows up when visiting webpages outside of your preferred language. In Single Toolbar mode, the button will be hidden by default and can be accessed after clicking the URL bar. -Zen detects the page languages manually and will suggest to translate it to your preferred languages. You can use the "**Translate from**" dropdown menu to change page language to detect, and use the "**Translate to**" dropdown menu to change your translation output language. Click "**Translate**" to translate the entire page. +Zen detects the page languages manually and will suggest to translate it to your preferred languages. You can use the "**Translate from**" dropdown menu to change page language to detect, and use the "**Translate to**" dropdown menu to change your translation output language. Select "**Translate**" to translate the entire page. Zen will download the language first if you're using this feature for the first time. After the language is downloaded, translation process will take around 20-60 seconds, depend on the length of contents. @@ -23,17 +23,33 @@ Zen will download the language first if you're using this feature for the first The **Translate button** in URL bar will be updated along with the translation process, and after the translation process gets completed, your preferred language will be shown beside the icon. -To revert the page to the original language, click the Translate button in the URL bar and click "**Show original**". +To revert the page to the original language, click the Translate button in the URL bar and select "**Show original**". {/* TODO: Insert screenshot of Translation panel popped up after a translate process is done, and highlight the "Show original" button */} ### Translating text selection +You can also translate a specific word or sentence, which will be handy when reading pages or learning in a foreign language. Select the text you want to translate, right click, and select "**Translate Selection to...**" option. +{/* TODO: Screenshot of a selected text, right clicked with Translate Selection to... option highlighted */} + +The selected texts will be translated and displayed in a pop-up. Select "**Copy**" to save the whole translation to your clipboard, "**Translate full page**" to translate the entire webpage, or "**Done**" to close the pop-up. + +{/* TODO: Screenshot of translating a specific sentence */} + +You can also select a text manually to copy only a specific part of your translation, or change the input and output translation language using the "From" and "To" dropdown menu. + +You can also right click a hyperlink without selecting any text, and select "**Translate Link Text to...**" to translate the link text. + +{/* TODO: Screenshot of rightclicking a hyperlink with Translate Link Text to... option highlighted */} ### Setting Languages -- Webpage Language Settings: Choose languages for displaying these web pages, in order of preference. You can click **Select a language to add** to add more language to your preference and click **Add** to put it onto the options. And then, you can choose a language and click **Move Up** to prioritize it, click **Move Down** to deprioritize it, or **Remove** to remove it from your preferred language. Click **OK** to confirm your preference. + + +#### Using Webpage Language Settings + +Choose languages for displaying web pages by default, in order of preference. You can click **Select a language to add** to add more language to your preference and click **Add** to put it onto the options. And then, you can choose a language and click **Move Up** to prioritize it, click **Move Down** to deprioritize it, or **Remove** to remove it from your preferred language. Click **OK** to confirm your preference. ### Translations Options From ec440a50babf28ddf1b400dd8ce785d991f936a0 Mon Sep 17 00:00:00 2001 From: KiKaraage Date: Sat, 24 May 2025 06:02:53 +0700 Subject: [PATCH 07/11] translate.mdx: Update the translation popup section --- content/docs/user-manual/translate.mdx | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/content/docs/user-manual/translate.mdx b/content/docs/user-manual/translate.mdx index f9d5fb9..447ac3b 100644 --- a/content/docs/user-manual/translate.mdx +++ b/content/docs/user-manual/translate.mdx @@ -43,11 +43,21 @@ You can also right click a hyperlink without selecting any text, and select "**T {/* TODO: Screenshot of rightclicking a hyperlink with Translate Link Text to... option highlighted */} -### Setting Languages +## Customize Translation Settings +You can tailor your translation experience from two places: the translation panel pop-up and the "**Language & Appearance**" section in Settings. +### Apply settings from translation panel -#### Using Webpage Language Settings +1. Click the **Translate** button in your URL bar or click `Main Menu` button > "**Translate Page**" option to open the "**Translate this page?**" panel pop-up. +2. Click the gear button on the top side of the panel to reveal translation options. +3. "**Always offer to translate**" checkbox will determine whether the translation panel will automatically popped up, and suggest you to translate when visiting sites outside your preferred languages. +4. With "**Always translate...**" and "**Never translate...**" checkboxes, you can choose to automatically translate the whole webpages, or to never translate the webpages at all for a specific language. +5. You can check "**Never translate this site**" so the translation will not be suggested nor processed after a specific website is loaded. +6. To revert a change, simply reselect an option to uncheck it. The checkmark will dissapear, indicating that it's disabled. +6. Selecting "**Manage languages**" will open `Settings` > `General` > `Language & Appearance` to reveal more settings regarding languages and translation features. + +### Using Webpage Language Settings Choose languages for displaying web pages by default, in order of preference. You can click **Select a language to add** to add more language to your preference and click **Add** to put it onto the options. And then, you can choose a language and click **Move Up** to prioritize it, click **Move Down** to deprioritize it, or **Remove** to remove it from your preferred language. Click **OK** to confirm your preference. From e385c57a392c631af673a16d121eb657e2594774 Mon Sep 17 00:00:00 2001 From: KiKaraage Date: Sat, 24 May 2025 13:14:45 +0700 Subject: [PATCH 08/11] Translate.mdx: Finishes the Translation article --- content/docs/user-manual/translate.mdx | 39 +++++++++++++++++--------- 1 file changed, 25 insertions(+), 14 deletions(-) diff --git a/content/docs/user-manual/translate.mdx b/content/docs/user-manual/translate.mdx index 447ac3b..a8803f7 100644 --- a/content/docs/user-manual/translate.mdx +++ b/content/docs/user-manual/translate.mdx @@ -43,6 +43,10 @@ You can also right click a hyperlink without selecting any text, and select "**T {/* TODO: Screenshot of rightclicking a hyperlink with Translate Link Text to... option highlighted */} +#### What if I encounter a page with mixed languages or contents in multiple languages? + +The translation feature primarily focuses on the main language of the webpage, so it might not handle pages with mixed languages or content in multiple languages optimally. You can translate specific part of the webpage that uses one language and do this multiple times for different parts to understand the webpage better. + ## Customize Translation Settings You can tailor your translation experience from two places: the translation panel pop-up and the "**Language & Appearance**" section in Settings. @@ -51,6 +55,9 @@ You can tailor your translation experience from two places: the translation pane 1. Click the **Translate** button in your URL bar or click `Main Menu` button > "**Translate Page**" option to open the "**Translate this page?**" panel pop-up. 2. Click the gear button on the top side of the panel to reveal translation options. + +{/* TODO: Screenshot of options in the gear menu */} + 3. "**Always offer to translate**" checkbox will determine whether the translation panel will automatically popped up, and suggest you to translate when visiting sites outside your preferred languages. 4. With "**Always translate...**" and "**Never translate...**" checkboxes, you can choose to automatically translate the whole webpages, or to never translate the webpages at all for a specific language. 5. You can check "**Never translate this site**" so the translation will not be suggested nor processed after a specific website is loaded. @@ -59,22 +66,27 @@ You can tailor your translation experience from two places: the translation pane ### Using Webpage Language Settings -Choose languages for displaying web pages by default, in order of preference. You can click **Select a language to add** to add more language to your preference and click **Add** to put it onto the options. And then, you can choose a language and click **Move Up** to prioritize it, click **Move Down** to deprioritize it, or **Remove** to remove it from your preferred language. Click **OK** to confirm your preference. +Zen lets you set separate languages for displaying user interface (menu, messages, notifications) and webpages, accessible from `Settings` > `General` > `Language & Appearance` > `Language`. + +Select "**Choose**" beside the "Choose your preferred language for displaying pages" text to open the Webpage Language Settings. + +{/* TODO: Screenshot of Webpage Language Settings */} + +You can click **Select a language to add** to add more language to your preference and click **Add** to put it onto the options. Then, you can choose a language and click **Move Up** to prioritize it, click **Move Down** to deprioritize it, or **Remove** to remove it from your preferred language. Click **OK** to confirm your preference. ### Translations Options -- Set your language and site translation preferences and manage language downloaded for offline translation. -- "Always translate these languages" -- "Never translate these languages" -- "Never translate these sites" -- "Download languages" - - Download translation model for all languages: around 1,3 GB - - Translation model for most languages: around 17-34 MB/languages - - Translation model for languages with special characters (Arabic, Japanese, Korean, Russian, Traditional Chinese): 59-116 MB/languages +Below the Language section in Settings, the **Translations** section lets you: +- Download languages for offline translations. Translation for all languages will weigh around 1.3 GB, meanwhile individual languages varies from 17-34 MB (for languages using regular Latin characters) to 59-116 MB (for languages that uses its own character set like Arabic, Japanese, Korean, Russian, or Traditional Chinese). +- Add or remove languages on the "Always translate these languages" list to enable the translation process automatically. +- Add or remove languages to the "Never translate these languages" list to prevent the translation process happen automatically. +- Manage the "Never translate these sites" list. (Websites can be added to the list from the translation panel, as described above) + +{/* TODO: Add the "More Translation Settings" screenshot */} ### Supported Languages -Here are the languages that currently supported translation feature in Zen: +Here are the languages that currently supported for translating webpages in Zen: - Arabic - Bulgarian - Chinese (Simplified) @@ -108,9 +120,8 @@ Here are the languages that currently supported translation feature in Zen: - Ukrainian - Vietnamese +New languages are constantly added over time. You can learn further about the translation development process and language availability in [Mozilla/Translations](https://mozilla.github.io/translations/) website. +#### Report incorrect translations -### Using Translation Feature -- From **"Translate this page?"** popup or **Translate button** in URL bar -- From right click menu > **"Translate Selection to Language..."** -- From main menu button > **"Translate page...** +You can help enhance translations in Zen and Firefox-based browsers by reporting inaccuracies to Mozilla through [this form](https://docs.google.com/forms/d/e/1FAIpQLSdoRWnsHX6vVnGIRyLi4Kl-p0GrmeVIioqWsTz3aVTRfLScng/viewform). Report translation errors by entering the source language, the target langauge, the original sentence and translated sentence. Optionally, you can also provide a rating of the translation and a correct translation. From a82bea06bc9eaa23e15e24e2d354ab124c75de3c Mon Sep 17 00:00:00 2001 From: KiKaraage Date: Sat, 24 May 2025 13:33:52 +0700 Subject: [PATCH 09/11] Translate.mdx: Add link to Support Mozilla --- content/docs/user-manual/translate.mdx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/content/docs/user-manual/translate.mdx b/content/docs/user-manual/translate.mdx index a8803f7..5afa2c3 100644 --- a/content/docs/user-manual/translate.mdx +++ b/content/docs/user-manual/translate.mdx @@ -125,3 +125,7 @@ New languages are constantly added over time. You can learn further about the tr #### Report incorrect translations You can help enhance translations in Zen and Firefox-based browsers by reporting inaccuracies to Mozilla through [this form](https://docs.google.com/forms/d/e/1FAIpQLSdoRWnsHX6vVnGIRyLi4Kl-p0GrmeVIioqWsTz3aVTRfLScng/viewform). Report translation errors by entering the source language, the target langauge, the original sentence and translated sentence. Optionally, you can also provide a rating of the translation and a correct translation. + +--- + +Read more about translation feature in Firefox: [Firefox Translation | Firefox Help](https://support.mozilla.org/en-US/kb/website-translation) From 3d236df6049551894c0e74b4f5fd3ed8b05aaac6 Mon Sep 17 00:00:00 2001 From: KiKaraage Date: Sat, 24 May 2025 13:54:44 +0700 Subject: [PATCH 10/11] Shortcuts.mdx: Add KeyboardShortcuts module and adhere the doc to it --- content/docs/user-manual/shortcuts.mdx | 236 +++++++++++++------------ 1 file changed, 119 insertions(+), 117 deletions(-) diff --git a/content/docs/user-manual/shortcuts.mdx b/content/docs/user-manual/shortcuts.mdx index eb65629..163d607 100644 --- a/content/docs/user-manual/shortcuts.mdx +++ b/content/docs/user-manual/shortcuts.mdx @@ -3,7 +3,9 @@ title: Keyboard Shortcuts description: Enhance your Zen experience with customizable keybinds --- -Zen Browser supported lots of keyboard shortcuts to help you do common tasks quicker. Access `Settings` > `Keyboard Shortcuts` and edit the available shortcuts to suit your workflow even more! +import KeyboardShortcut from '@/components/KeyboardShortcut'; + +Zen Browser supported lots of keyboard shortcuts to help you do common tasks quicker. Access `Settings" /> > `Keyboard Shortcuts" /> and edit the available shortcuts to suit your workflow even more! ### Change or rebind keyboard shortcuts in Zen @@ -20,19 +22,19 @@ Zen Browser supported lots of keyboard shortcuts to help you do common tasks qui ### Compact Mode -| **Action** | **Shortcut** | -| ----------------------- | -------------------- | -| Toggle Floating Toolbar | `Alt + Ctrl/Cmd + T` | -| Toggle Floating Sidebar | `Alt + Ctrl/Cmd + S` | -| Toggle Compact Mode | `Alt + Ctrl/Cmd + C` | +| **Action** | **Shortcut** | +| ----------------------- | ---------------------------------------------- | +| Toggle Floating Toolbar | | +| Toggle Floating Sidebar | | +| Toggle Compact Mode | | ### Workspaces -| **Action** | **Shortcut** | -| -------------------------- | -------------------- | -| Backward Workspace | `Alt + Ctrl/Cmd + Q` | -| Forward Workspace | `Alt + Ctrl/Cmd + E` | -| Switch to Workspace (1-10) | Not set by default | +| **Action** | **Shortcut** | +| -------------------------- | ---------------------------------------------- | +| Backward Workspace | | +| Forward Workspace | | +| Switch to Workspace (1-10) | Not set by default | You can assign custom keyboard shortcuts to switch into up to 10 workspaces. @@ -40,143 +42,143 @@ You can assign custom keyboard shortcuts to switch into up to 10 workspaces. The "Toggle Split View" shortcuts currently only applicable when selecting multiple tabs in tab sidebar, and doesn't worked when used inside a split view. -| **Action** | **Shortcut** | -| ------------------------------ | -------------------- | -| Close Split View (Unsplit All) | `Alt + Ctrl/Cmd + U` | -| Toggle Split View Horizontal | `Alt + Ctrl/Cmd + H` | -| Toggle Split View Vertical | `Alt + Ctrl/Cmd + V` | -| Toggle Split View Grid | `Alt + Ctrl/Cmd + G` | +| **Action** | **Shortcut** | +| ------------------------------ | ---------------------------------------------- | +| Close Split View (Unsplit All) | | +| Toggle Split View Horizontal | | +| Toggle Split View Vertical | | +| Toggle Split View Grid | | ### Window & Tab Management -| **Action** | **Shortcut** | -| ----------------------- | ---------------------- | -| New Window | `Alt + Ctrl/Cmd + U` | -| New Tab | `Ctrl/Cmd + T` | -| Close Tab | `Ctrl/Cmd + W` | -| Close Window | `Shift + Ctrl/Cmd + W` | -| Quit Application | `Ctrl/Cmd + Q` | -| Restore Last Closed Tab | `Shift + Ctrl/Cmd + T` | -| Undo Close Window | `Shift + Ctrl/Cmd + N` | -| Select tab #1 - #8 ^ | `Alt + 1/2/.../8` | -| Select last tab | `Alt + 9` | +| **Action** | **Shortcut** | +| ----------------------- | ------------------------------------------------ | +| New Window | | +| New Tab | | +| Close Tab | | +| Close Window | | +| Quit Application | | +| Restore Last Closed Tab | | +| Undo Close Window | | +| Select tab #1 - #8 ^ | | +| Select last tab | | -- By default, you can **switch to next tab** using the `Ctrl/Cmd + Tab` shortcut and **switch to previous tab** using the `Ctrl/Cmd + Shift + Tab` shortcut. -- When you're in Compact Mode and switching tabs using `Ctrl/Cmd + Tab` or `Ctrl/Cmd + Shift + Tab`, you can peek into the tab you're switching in by enabling the **"Briefly make the toolbar popup when switching or opening new tabs in compact mode"** option in `Settings` > `Look and Feel` > `Theme Settings`. -- Pressing `Ctrl/Cmd + Tab` when you're in the last tab will switch you to the first available tab (Essentials first, then pinned tabs, and lastly, regular tabs). +- By default, you can **switch to next tab** using the shortcut and **switch to previous tab** using the shortcut. +- When you're in Compact Mode and switching tabs using or `Look and Feel` > `Theme Settings`. +- Pressing when you're in the last tab will switch you to the first available tab (Essentials first, then pinned tabs, and lastly, regular tabs). - ^ Tab numbers listed for these keyboard shortcuts includes Essentials and pinned tabs. Example: If you have three Essentials, four pinned tabs, and five regular tabs: - - `Alt + 1` until `Alt + 3` will switch you to your Essentials, - - `Alt + 4` until `Alt + 7` will switch you to your pinned tabs, - - `Alt + 8` will switch you to your first regular tab, - - `Alt + 9` will switch you to your last tab (12th). -- Zen can also let you cycle through recently used tabs, instead of cycling through all of your tabs. Enable it by go to `Settings` > `General` > `Tabs` and check the `Ctrl + Tab cycles through tabs in recently used order`. A popup containing up to 7 recently used tabs will show up when you press `Ctrl/Cmd + Tab`. + - until will switch you to your Essentials, + - until will switch you to your pinned tabs, + - will switch you to your first regular tab, + - will switch you to your last tab (12th). +- Zen can also let you cycle through recently used tabs, instead of cycling through all of your tabs. Enable it by go to `Settings` > `General` > `Tabs` and check the `Ctrl + Tab cycles through tabs in recently used order`. A popup containing up to 7 recently used tabs will show up when you press | +| Go Forward | | +| Navigate Back (Alternative) | | +| Navigate Forward (Alternative) | | +| Go Home | | +| Reload Page | | +| Reload Page (Skip Current Cache) | | +| Go to History (Open History Sidebar) | | +| Open Private Browsing Window | | ### Search & Find -| **Action** | **Shortcut** | -| --------------------------------------- | ---------------------- | -| Focus Search ^ | `Ctrl/Cmd + K` | -| Focus Search ^ (Alternative) | `Ctrl/Cmd + J` | -| Find on Page | `Ctrl/Cmd + F` | -| Find Again (Jump to Next Result) | `Ctrl/Cmd + G` | -| Find Previous (Jump to Previous Result) | `Shift + Ctrl/Cmd + G` | +| **Action** | **Shortcut** | +| --------------------------------------- | ------------------------------------------------ | +| Focus Search ^ | | +| Focus Search ^ (Alternative) | | +| Find on Page | | +| Find Again (Jump to Next Result) | | +| Find Previous (Jump to Previous Result) | | ^ Focus Search shortcut will open your URL bar, shift focus and enable Search mode using your default search engine. ### Page Operations -| **Action** | **Shortcut** | -| --------------------------------------- | ---------------------- | -| Open Location (Current link in URL Bar) | `Ctrl/Cmd + L` | -| Open Location (Alternative) | `Alt + D` | -| Save Page | `Ctrl/Cmd + S` | -| Print Page | `Ctrl/Cmd + P` | -| Toggle Reader Mode | `Alt + Ctrl/Cmd + R` | -| Toggle Picture-in-Picture | `Shift + Ctrl/Cmd + ]` | -| View Page Source | `Ctrl/Cmd + U` | -| View Page Info | `Ctrl/Cmd + [` | +| **Action** | **Shortcut** | +| --------------------------------------- | ------------------------------------------------ | +| Open Location (Current link in URL Bar) | | +| Open Location (Alternative) | | +| Save Page | | +| Print Page | | +| Toggle Reader Mode | | +| Toggle Picture-in-Picture | | +| View Page Source | | +| View Page Info | | ### History & Bookmarks -| **Action** | **Shortcut** | -| -------------------------------- | ---------------------- | -| Show All History | `Shift + Ctrl/Cmd + H` | -| Bookmark This Page | `Ctrl/Cmd + D` | -| Bookmark This Page (Alternative) | `Shift + Ctrl/Cmd + D` | -| Show Bookmarks Library | `Shift + Ctrl/Cmd + O` | +| **Action** | **Shortcut** | +| -------------------------------- | ------------------------------------------------ | +| Show All History | | +| Bookmark This Page | | +| Bookmark This Page (Alternative) | | +| Show Bookmarks Library | | ### Media & Display -| **Action** | **Shortcut** | -| --------------------- | ---------------------- | -| Toggle Mute | `Ctrl/Cmd + M` | -| Zoom Out | `Ctrl/Cmd + -` | -| Zoom In | `Ctrl/Cmd + +` | -| Reset Zoom Level | `Ctrl/Cmd + 0` | -| Switch Text Direction | `Shift + Ctrl/Cmd + X` | -| Take Screenshot | `Shift + Ctrl/Cmd + S` | +| **Action** | **Shortcut** | +| --------------------- | ------------------------------------------------ | +| Toggle Mute | | +| Zoom Out | | +| Zoom In | | +| Reset Zoom Level | | +| Switch Text Direction | | +| Take Screenshot | | ### Developer Tools -| **Action** | **Shortcut** | -| ----------------------------- | ---------------------------- | -| Toggle DevTools | `Shift + Ctrl/Cmd + I` | -| Toggle Browser Toolbox | `Alt + Shift + Ctrl/Cmd + I` | -| Toggle Browser Console | `Shift + Ctrl/Cmd + J` | -| Toggle Responsive Design Mode | `Shift + Ctrl/Cmd + M` | -| Toggle Inspector | `Shift + Ctrl/Cmd + L` | -| Toggle Web Console | `Shift + Ctrl/Cmd + K` | -| Toggle JavaScript Debugger | `Shift + Ctrl/Cmd + Z` | -| Toggle Network Monitor | `Shift + Ctrl/Cmd + E` | -| Toggle Style Editor | `Shift + F7` | -| Toggle Performance | `Shift + F5` | -| Toggle Storage | `Shift + F9` | -| Toggle DOM | `Shift + Ctrl/Cmd + W` | -| Toggle Accessibility | `Shift + F12` | +| **Action** | **Shortcut** | +| ----------------------------- | ------------------------------------------------------ | +| Toggle DevTools | | +| Toggle Browser Toolbox | | +| Toggle Browser Console | | +| Toggle Responsive Design Mode | | +| Toggle Inspector | | +| Toggle Web Console | | +| Toggle JavaScript Debugger | | +| Toggle Network Monitor | | +| Toggle Style Editor | | +| Toggle Performance | | +| Toggle Storage | | +| Toggle DOM | | +| Toggle Accessibility | | ### Zen Features -| **Action** | **Shortcut** | -| ------------------------------ | ---------------------------- | -| Copy Current URL as Markdown | `Alt + Shift + Ctrl/Cmd + C` | -| Copy Current URL | `Shift + Ctrl/Cmd + C` | -| Toggle Sidebar Width | `Alt + B` | -| Reset Pinned Tab to Pinned URL | Not set by default | +| **Action** | **Shortcut** | +| ------------------------------ | ------------------------------------------------------ | +| Copy Current URL as Markdown | | +| Copy Current URL | | +| Toggle Sidebar Width | | +| Reset Pinned Tab to Pinned URL | Not set by default | ### Other Features -| **Action** | **Shortcut** | -| -------------------------- | --------------------------- | -| Open Downloads | `Shift + Ctrl/Cmd + Y` | -| Open Add-ons | `Shift + Ctrl/Cmd + A` | -| Open File | `Ctrl/Cmd + O` | -| Delete Key | `Delete` | -| Enter Full Screen | `F11` | -| Exit Full Screen | `F11` | -| About Processes | `Shift + Escape` | -| Show Bookmarks Sidebar | `Ctrl/Cmd + B` | -| Show Bookmarks Toolbar | `Shift + Ctrl/Cmd + B` | -| Stop Loading | `Escape` | -| Toggle AI Chatbot Sidebar^ | `Alt + Ctrl/Cmd + X` | -| Toggle Firefox Sidebar | `Alt + Ctrl/Cmd + Z` | -| Show All Tabs | `Shift + Ctrl + Tab` | -| Clear Browsing Data | `Shift + Ctrl/Cmd + Delete` | -| WR Capture Command | `Ctrl/Cmd + #` | -| Toggle WR Capture Sequence | `Ctrl/Cmd + ^` | +| **Action** | **Shortcut** | +| -------------------------- | ----------------------------------------------------- | +| Open Downloads | | +| Open Add-ons | | +| Open File | | +| Delete Key | | +| Enter Full Screen | | +| Exit Full Screen | | +| About Processes | | +| Show Bookmarks Sidebar | | +| Show Bookmarks Toolbar | | +| Stop Loading | | +| Toggle AI Chatbot Sidebar^ | | +| Toggle Firefox Sidebar | | +| Show All Tabs | | +| Clear Browsing Data | | +| WR Capture Command | | +| Toggle WR Capture Sequence | | --- From 703053d46fc186b3a6dea847a8bf11c032a38f0c Mon Sep 17 00:00:00 2001 From: KiKaraage Date: Sat, 24 May 2025 13:55:56 +0700 Subject: [PATCH 11/11] Translate.mdx: Add Fumadocs' Callout module --- content/docs/user-manual/translate.mdx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/content/docs/user-manual/translate.mdx b/content/docs/user-manual/translate.mdx index 5afa2c3..2c947ff 100644 --- a/content/docs/user-manual/translate.mdx +++ b/content/docs/user-manual/translate.mdx @@ -3,6 +3,8 @@ title: Translations description: Translate webpages or text selections directly in Zen --- +import { Callout } from 'fumadocs-ui/components/callout'; + Based on Firefox, Zen also inherit its translation features, allowing you navigate websites in various language easily. The translation process are done locally on your device, instead of relying in cloud services. You can translate a whole page, translate a specific text selection, or translated a link text! ### Translating the full page