hide-on-focus

src/ipc/types.ts

@@ -51,7 +51,8 @@ type WidgetWellKnownFlag =
   'has-browser' |
   'invisible-on-blur' |
   'hide-on-blur' |
-  'hide-on-blur(close)'
+  'hide-on-blur(close)' |
+  'hide-on-focus'
 
 export const defaultConfig: Config = {
   configVersion: 3,

src/main/config.ts

@@ -47,7 +47,7 @@ export const config = (() => {
     config.fontSize = defaultConfig.fontSize
   }
 
-  {
+  { // config.configVersion < 2 (undefined)
     const mapWidget = config.widgets.find(w => w.wmType === 'map-check')!
     if (mapWidget.wmZorder !== 'exclusive') {
       mapWidget.wmZorder = 'exclusive'

src/web/overlay/OverlayWindow.vue

@@ -101,6 +101,12 @@ export default {
             }
           }
         }
+      } else {
+        for (const w of this.widgets) {
+          if (w.wmFlags.includes('hide-on-focus')) {
+            this.hide(w.wmId)
+          }
+        }
       }
     })
     MainProcess.addEventListener(VISIBILITY, ({ detail: e }) => {

src/web/settings/maps.vue

@@ -15,7 +15,7 @@
         </div>
       </ui-popper>
     </div>
-    <div class="flex font-bold py-1">
+    <div class="flex font-bold py-1 shadow">
       <div class="flex-1 px-2">{{ $t('Stat (found: {0})', [filteredStats.length]) }}</div>
       <div class="flex" style="padding-right: calc(0.875rem + 1.5rem);">
         <div class="px-2">{{ $t('Invert') }}</div>