feat: add "toggle navbar" to view menu

ECRomaneli · ECRomaneli · commit f64d8afcb5a3 · 2026-04-18T10:08:29.000-03:00
diff --git a/README.md b/README.md
@@ -70,7 +70,7 @@ Configure window opacity for focused and blurred states. Windows become semi-tra
 
 ### Navigation Bar
 
-A minimal 40px navigation bar provides essential controls: back, forward, reload, URL display, mute toggle, and find-in-page — without the bloat of a full browser. The navigation bar can also be disabled by turning off the `frame` in the "Preferences".
+A minimal 40px navigation bar provides essential controls: back, forward, reload, URL display, mute toggle, and find-in-page — without the bloat of a full browser. The navigation bar can also be disabled by turning it off in the "Preferences".
 
 <p align='center'>
     <img src="docs/img/readme/navbar.png" alt='Page Management'>
@@ -106,7 +106,7 @@ Fine-tune how your windows look and behave:
 - **Position** — 9 preset screen positions (corners, edges, center)
 - **Size** — Custom default width and height
 - **Opacity** — Separate focus and blur opacity levels
-- **Frame** — Show or hide the native window frame
+- **Navbar** — Show or hide the navigation bar for a more minimal look
 - **Shortcuts** — Global hotkeys to toggle visibility from anywhere
 - **Shared bounds** — All pages share the same window size and position
 
diff --git a/src/locale/de.ts b/src/locale/de.ts
@@ -63,6 +63,7 @@ export const de: Strings = {
     handbook: 'Handbook',
     listPages: 'Seiten Auflisten',
     muteUnmute: 'Ton Aktivieren/Deaktivieren',
+    navbar: 'Navigationsleiste',
     quickMenu: 'Schnellmenü',
   },
 
@@ -223,7 +224,7 @@ export const de: Strings = {
       clipboardUrlSession: 'Zwischenablage-URL-Sitzung',
       clipboardUrlSessionDesc: 'Legt die Sitzung fest, die für die Zwischenablage-URL-Seite verwendet wird. Leer lassen, um die Standardsitzung zu verwenden.',
 
-      showFrame: 'Titelleiste anzeigen',
+      showNavbar: 'Navigationsleiste anzeigen',
       backgroundColor: 'Hintergrundfarbe',
       backgroundColorDesc: 'Hintergrundfarbe für ladende Fenster.',
       focusOpacity: 'Deckkraft bei Fokus',
diff --git a/src/locale/en.ts b/src/locale/en.ts
@@ -63,6 +63,7 @@ export const en = {
     handbook: 'Handbook',
     listPages: 'List Pages',
     muteUnmute: 'Mute / Unmute',
+    navbar: 'Navbar',
   },
 
   dialog: {
@@ -222,7 +223,7 @@ export const en = {
       clipboardUrlSession: 'Clipboard URL session',
       clipboardUrlSessionDesc: 'Set the session used by the Clipboard URL page. Leave empty to use the default session.',
 
-      showFrame: 'Show frame',
+      showNavbar: 'Show navbar',
       backgroundColor: 'Background color',
       backgroundColorDesc: 'Background color for loading windows.',
       focusOpacity: 'Opacity when focused',
diff --git a/src/locale/es.ts b/src/locale/es.ts
@@ -63,6 +63,7 @@ export const es: Strings = {
     handbook: 'Handbook',
     listPages: 'Listar Páginas',
     muteUnmute: 'Activar/Desactivar Sonido',
+    navbar: 'Barra de Navegación',
     quickMenu: 'Menú Rápido',
   },
 
@@ -223,7 +224,7 @@ export const es: Strings = {
       clipboardUrlSession: 'Sesión de URL del portapapeles',
       clipboardUrlSessionDesc: 'Define la sesión utilizada por la página de URL del portapapeles. Dejar vacío para usar la sesión predeterminada.',
 
-      showFrame: 'Mostrar barra de título',
+      showNavbar: 'Mostrar barra de navegación',
       backgroundColor: 'Color de fondo',
       backgroundColorDesc: 'Color de fondo para ventanas en carga.',
       focusOpacity: 'Opacidad cuando está enfocado',
diff --git a/src/locale/fr.ts b/src/locale/fr.ts
@@ -63,6 +63,7 @@ export const fr: Strings = {
     handbook: 'Handbook',
     listPages: 'Lister les Pages',
     muteUnmute: 'Activer/Désactiver le Son',
+    navbar: 'Barre de Navigation',
     quickMenu: 'Menu Rapide',
   },
 
@@ -223,7 +224,7 @@ export const fr: Strings = {
       clipboardUrlSession: 'Session de l\'URL du presse-papiers',
       clipboardUrlSessionDesc: 'Définit la session utilisée par la page URL du presse-papiers. Laisser vide pour utiliser la session par défaut.',
 
-      showFrame: 'Afficher la barre de titre',
+      showNavbar: 'Afficher la barre de navigation',
       backgroundColor: 'Couleur d\'arrière-plan',
       backgroundColorDesc: 'Couleur d\'arrière-plan pour les fenêtres en chargement.',
       focusOpacity: 'Opacité quand focalisé',
diff --git a/src/locale/it.ts b/src/locale/it.ts
@@ -63,6 +63,7 @@ export const it: Strings = {
     handbook: 'Handbook',
     listPages: 'Elenco Pagine',
     muteUnmute: 'Attiva/Disattiva Audio',
+    navbar: 'Barra di Navigazione',
     quickMenu: 'Menu Rapido',
   },
 
@@ -223,7 +224,7 @@ export const it: Strings = {
       clipboardUrlSession: 'Sessione URL degli appunti',
       clipboardUrlSessionDesc: 'Imposta la sessione utilizzata dalla pagina URL degli appunti. Lasciare vuoto per utilizzare la sessione predefinita.',
 
-      showFrame: 'Mostra barra del titolo',
+      showNavbar: 'Mostra barra di navigazione',
       backgroundColor: 'Colore di sfondo',
       backgroundColorDesc: 'Colore di sfondo per le finestre in caricamento.',
       focusOpacity: 'Opacità con focus',
diff --git a/src/locale/pt-BR.ts b/src/locale/pt-BR.ts
@@ -63,6 +63,7 @@ export const ptBR: Strings = {
     handbook: 'Handbook',
     listPages: 'Listar Páginas',
     muteUnmute: 'Ativar/Desativar Som',
+    navbar: 'Barra de Navegação',
     quickMenu: 'Menu Rápido',
   },
 
@@ -223,7 +224,7 @@ export const ptBR: Strings = {
       clipboardUrlSession: 'Sessão da URL da área de transferência',
       clipboardUrlSessionDesc: 'Define a sessão utilizada pela página de URL da área de transferência. Deixe vazio para usar a sessão padrão.',
 
-      showFrame: 'Mostrar barra de título',
+      showNavbar: 'Mostrar barra de navegação',
       backgroundColor: 'Cor de fundo',
       backgroundColorDesc: 'Cor de fundo para janelas em carregamento.',
       focusOpacity: 'Opacidade quando focado',
diff --git a/src/locale/pt-PT.ts b/src/locale/pt-PT.ts
@@ -63,6 +63,7 @@ export const ptPT: Strings = {
     handbook: 'Handbook',
     listPages: 'Listar Páginas',
     muteUnmute: 'Ativar/Desativar Som',
+    navbar: 'Barra de Navegação',
     quickMenu: 'Menu Rápido',
   },
 
@@ -223,7 +224,7 @@ export const ptPT: Strings = {
       clipboardUrlSession: 'Sessão do URL da área de transferência',
       clipboardUrlSessionDesc: 'Define a sessão utilizada pela página de URL da área de transferência. Deixe vazio para utilizar a sessão predefinida.',
 
-      showFrame: 'Mostrar barra de título',
+      showNavbar: 'Mostrar barra de navegação',
       backgroundColor: 'Cor de fundo',
       backgroundColorDesc: 'Cor de fundo para janelas em carregamento.',
       focusOpacity: 'Opacidade com foco',
diff --git a/src/locale/ru.ts b/src/locale/ru.ts
@@ -63,6 +63,7 @@ export const ru: Strings = {
     handbook: 'Handbook',
     listPages: 'Список Страниц',
     muteUnmute: 'Включить/Выключить Звук',
+    navbar: 'Панель Навигации',
     quickMenu: 'Быстрое Меню',
   },
 
@@ -223,7 +224,7 @@ export const ru: Strings = {
       clipboardUrlSession: 'Сессия URL из буфера обмена',
       clipboardUrlSessionDesc: 'Укажите сессию, используемую страницей URL из буфера обмена. Оставьте пустым для использования сессии по умолчанию.',
 
-      showFrame: 'Показывать заголовок окна',
+      showNavbar: 'Показывать панель навигации',
       backgroundColor: 'Цвет фона',
       backgroundColorDesc: 'Цвет фона для загружающихся окон.',
       focusOpacity: 'Прозрачность в фокусе',
diff --git a/src/service/MenuService.ts b/src/service/MenuService.ts
@@ -119,6 +119,11 @@ class MenuService {
     if (currentPageSubmenu) {
       AppState.viewContextMenu = [
         { label: s.openAnonymously, click: () => { FrameService.reopenAnonymously(); } },
+        {
+          type: 'checkbox', label: s.navbar,
+          checked: !!Storage.getSettings(Settings.SHOW_FRAME),
+          click: () => { FrameService.toggleNavbar(); },
+        },
         { type: 'separator' },
         { label: s.window, submenu: currentPageSubmenu },
         { label: s.handbook, submenu: windowMenuItems },
diff --git a/web/preferences/components/settings/Settings.js b/web/preferences/components/settings/Settings.js
@@ -154,7 +154,7 @@ app.component('Settings', {
           },
           {
             id: this.$const.Settings.SHOW_FRAME,
-            label: s.showFrame,
+            label: s.showNavbar,
             data: { type: 'bool', value: await storage.getSettings(this.$const.Settings.SHOW_FRAME) }
           },
           {
