Added tooltip and fixes for popups

Signed-off-by: Alexander Platov <[email protected]>

Author: SasLord

packages/ui/src/components/ButtonMenu.svelte

@@ -43,7 +43,6 @@
   export let focusIndex = -1
   export let id: string | undefined = undefined
   export let dataId: string | undefined = undefined
-  export let fullScreenPopup: boolean = false
 
   let opened: boolean = false
 
@@ -58,20 +57,13 @@
       }
       opened = true
       closeTooltip()
-      showPopup(
-        ModernPopup,
-        { items, selected: noSelection ? undefined : selected, params },
-        element,
-        (result) => {
-          if (result) {
-            selected = result
-            dispatch('selected', result)
-          }
-          opened = false
-        },
-        () => {},
-        { category: 'popup', overlay: true, fullScreen: fullScreenPopup }
-      )
+      showPopup(ModernPopup, { items, selected: noSelection ? undefined : selected, params }, element, (result) => {
+        if (result) {
+          selected = result
+          dispatch('selected', result)
+        }
+        opened = false
+      })
     }
   }
 

packages/ui/src/components/DropdownLabelsIntl.svelte

@@ -38,7 +38,6 @@
   export let width: string | undefined = undefined
   export let labelDirection: TooltipAlignment | undefined = undefined
   export let shouldUpdateUndefined: boolean = true
-  export let fullScreenPopup: boolean = false
   export let minW0 = true
   export let focusIndex: number = -1
   export let dataId: string | undefined = undefined
@@ -57,20 +56,13 @@
   function openPopup () {
     if (!opened) {
       opened = true
-      showPopup(
-        DropdownLabelsPopupIntl,
-        { items, selected, params },
-        container,
-        (result) => {
-          if (result) {
-            selected = result
-            dispatch('selected', result)
-          }
-          opened = false
-        },
-        () => {},
-        { category: 'popup', overlay: true, fullScreen: fullScreenPopup }
-      )
+      showPopup(DropdownLabelsPopupIntl, { items, selected, params }, container, (result) => {
+        if (result) {
+          selected = result
+          dispatch('selected', result)
+        }
+        opened = false
+      })
     }
   }
 

packages/ui/src/components/Popup.svelte

@@ -28,7 +28,11 @@
   }
 
   const checkFS = (popup: any): boolean => {
-    return (fullScreen && popup.options.fullScreen === true) || (!fullScreen && popup.options.fullScreen !== true)
+    return (
+      (fullScreen && document.fullscreen && popup.element !== 'full-centered') ||
+      (!fullScreen && document.fullscreen && popup.element === 'full-centered') ||
+      (!fullScreen && !document.fullscreen)
+    )
   }
 
   $: instances.length = $popups.filter((p) => p.dock !== true && checkFS(p)).length