From a95f159638388c3a411a7eeb1d08c24c566b94f0 Mon Sep 17 00:00:00 2001 From: mkb Date: Mon, 28 Mar 2022 19:57:34 -0600 Subject: [PATCH] fix: top right buttons should now be visible on Windows --- obsidian.css | 34 ++++++++++++++++++---------------- scss/layouts/_titlebar.scss | 17 +++++++++++++++++ scss/vendors/_plugins.scss | 31 ++++++++++++++++--------------- 3 files changed, 51 insertions(+), 31 deletions(-) diff --git a/obsidian.css b/obsidian.css index c267b92..e0d53a8 100644 --- a/obsidian.css +++ b/obsidian.css @@ -1743,6 +1743,7 @@ body:not(.is-mobile) .workspace-leaf.mod-active .view-header-title { .titlebar-text { font-family: var(--not-editor); + visibility: hidden; } /* box shadow adjusted from yin yang */ @@ -1799,6 +1800,22 @@ body:not(.plugin-sliding-panes-rotate-header):not(.is-mobile) .view-actions .vie padding: 0 20px 0 16px; } +/* Fix for Windows 10 missing close, minimize, maximize */ +.titlebar-inner { + color: var(--text-faint); +} + +.titlebar-button-container.mod-left { + visibility: hidden; +} + +.titlebar-button.mod-minimize:hover, +.titlebar-button.mod-maximize:hover, +.titlebar-button.mod-close:hover { + background-color: var(--background-primary); + color: var(--text-normal); +} + /* ==63 CALENDAR!== */ #calendar-container .active, #calendar-container .active.today { @@ -1953,7 +1970,6 @@ Can do color: var(--internal-buttons); } -/* ==KEPANO'S HIDER */ /* Hide ribbon */ .workspace-ribbon.mod-left { display: none; @@ -1979,21 +1995,7 @@ Can do background-color: var(--background-primary); } -/* Frameless */ -.titlebar-button-container { - display: none; - background-color: var(--background-primary); -} - -.titlebar, -.titlebar-inner { - position: fixed; - top: 0; - height: 12px; - background: transparent; - color: transparent; -} - +/* Hides titlebar close, minimize, etc. on Windows */ .workspace-split.mod-right-split > .workspace-tabs { padding: 18px 0 8px 8px; } diff --git a/scss/layouts/_titlebar.scss b/scss/layouts/_titlebar.scss index 434d794..f226856 100644 --- a/scss/layouts/_titlebar.scss +++ b/scss/layouts/_titlebar.scss @@ -16,6 +16,7 @@ body:not(.is-mobile) .workspace-leaf.mod-active .view-header-title { .titlebar-text { font-family: var(--not-editor); + visibility: hidden; } /* box shadow adjusted from yin yang */ @@ -77,6 +78,22 @@ body:not(.plugin-sliding-panes-rotate-header):not(.is-mobile) .view-actions .vie padding: 0 20px 0 16px; } +/* Fix for Windows 10 missing close, minimize, maximize */ +.titlebar-inner { + color: var(--text-faint); +} + +.titlebar-button-container.mod-left { + visibility: hidden; +} + +.titlebar-button.mod-minimize:hover, +.titlebar-button.mod-maximize:hover, +.titlebar-button.mod-close:hover { + background-color: var(--background-primary); + color: var(--text-normal); +} + // .view-actions a.view-action svg { // height: 18px; // width: 20px; diff --git a/scss/vendors/_plugins.scss b/scss/vendors/_plugins.scss index 1ba3874..700cac1 100644 --- a/scss/vendors/_plugins.scss +++ b/scss/vendors/_plugins.scss @@ -169,7 +169,7 @@ Can do color: var(--internal-buttons); } -/* ==KEPANO'S HIDER */ +// /* ==KEPANO'S HIDER */ /* Hide ribbon */ @@ -197,20 +197,21 @@ Can do background-color: var(--background-primary); } -/* Frameless */ -.titlebar-button-container { - display: none; - background-color: var(--background-primary); -} - -.titlebar, -.titlebar-inner { - position: fixed; - top: 0; - height: 12px; - background: transparent; - color: transparent; -} +/* Hides titlebar close, minimize, etc. on Windows */ +// /* Frameless */ +// .titlebar-button-container { +// display: none; +// background-color: var(--background-primary); +// } + +// .titlebar, +// .titlebar-inner { +// position: fixed; +// top: 0; +// height: 12px; +// background: transparent; +// color: transparent; +// } .workspace-split.mod-right-split > .workspace-tabs { padding: 18px 0 8px 8px;