diff --git a/src/langs/en.json b/src/langs/en.json index 3aa8092..7c6e523 100644 --- a/src/langs/en.json +++ b/src/langs/en.json @@ -271,7 +271,7 @@ "setting_syncdirection_bidirectional_desc": "Bidirectional (default)", "setting_syncdirection_incremental_push_only_desc": "Incremental Push Only (aka backup mode)", "setting_syncdirection_incremental_pull_only_desc": "Incremental Pull Only", - "settings_enablemobilestatusbar": "Enable Mobile Status Bar Or Not", + "settings_enablemobilestatusbar": "Mobile Status Bar (experimental)", "settings_enablemobilestatusbar_desc": "By default Obsidian mobile hides status bar. But some users want to show it up. So here is a hack.", "settings_importexport": "Import and Export Partial Settings", "settings_export": "Export", diff --git a/src/langs/zh_cn.json b/src/langs/zh_cn.json index 8e0b965..ae65197 100644 --- a/src/langs/zh_cn.json +++ b/src/langs/zh_cn.json @@ -270,7 +270,7 @@ "setting_syncdirection_bidirectional_desc": "双向同步(默认)", "setting_syncdirection_incremental_push_only_desc": "只增量推送(也即:备份模式)", "setting_syncdirection_incremental_pull_only_desc": "只增量拉取", - "settings_enablemobilestatusbar": "是否显示手机的状态栏", + "settings_enablemobilestatusbar": "手机的状态栏(实验性质)", "settings_enablemobilestatusbar_desc": "Obsidian 手机版默认隐藏了状态栏。有些用户希望展示它。这里提供了设置选项。", "settings_importexport": "导入导出部分设置", "settings_export": "导出", diff --git a/src/langs/zh_tw.json b/src/langs/zh_tw.json index d1b1587..95f1797 100644 --- a/src/langs/zh_tw.json +++ b/src/langs/zh_tw.json @@ -270,7 +270,7 @@ "setting_syncdirection_bidirectional_desc": "雙向同步(預設)", "setting_syncdirection_incremental_push_only_desc": "只增量推送(也即:備份模式)", "setting_syncdirection_incremental_pull_only_desc": "只增量拉取", - "settings_enablemobilestatusbar": "是否顯示手機的狀態列", + "settings_enablemobilestatusbar": "手機的狀態列(實驗性質)", "settings_enablemobilestatusbar_desc": "Obsidian 手機版預設隱藏了狀態列。有些使用者希望展示它。這裡提供了設定選項。", "settings_importexport": "匯入匯出部分設定", "settings_export": "匯出", diff --git a/src/misc.ts b/src/misc.ts index 8b5bc68..91208bb 100644 --- a/src/misc.ts +++ b/src/misc.ts @@ -1,4 +1,4 @@ -import { Vault } from "obsidian"; +import { Platform, Vault } from "obsidian"; import * as path from "path"; import { base32, base64url } from "rfc4648"; @@ -520,7 +520,12 @@ export const changeMobileStatusBar = (op: "enable" | "disable") => { ) as HTMLElement; if (op === "enable") { bar.style.setProperty("display", "flex"); - bar.style.setProperty("margin-bottom", "40px"); + const navBar = document.getElementsByClassName( + "mobile-navbar" + )[0] as HTMLElement; + // thanks to community's solution + const height = window.getComputedStyle(navBar).getPropertyValue("height"); + bar.style.setProperty("margin-bottom", height); } else { bar.style.removeProperty("display"); bar.style.removeProperty("margin-bottom");