[chores] Show tooltip on narrow screens

openwisp · Aug 18, 2022 · e6f11e3 · e6f11e3
1 parent 0bbfbed
commit e6f11e3
Show file tree

Hide file tree

Showing 5 changed files with 2 additions and 121 deletions.
diff --git a/dist/netjsongraph.min.js b/dist/netjsongraph.min.js
diff --git a/examples/netjsonmap-indoormap.html b/examples/netjsonmap-indoormap.html
@@ -65,27 +65,6 @@
           },
           baseOptions: {
             media: [
-              {
-                query: {
-                  minWidth: 320,
-                  maxWidth: 850,
-                },
-                option: {
-                  tooltip: {
-                    show: false,
-                  },
-                },
-              },
-              {
-                query: {
-                  minWidth: 851,
-                },
-                option: {
-                  tooltip: {
-                    show: true,
-                  },
-                },
-              },
               {
                 query: {
                   minWidth: 320,

diff --git a/src/css/netjsongraph.css b/src/css/netjsongraph.css
@@ -318,10 +318,7 @@ p {
 
 .njg-tooltip {
   user-select: text !important;
-}
-
-.njg-tooltip #closeButton {
-  display: none;
+  z-index: 1000 !important;
 }
 
 .njg-tooltip-item {
@@ -370,13 +367,6 @@ p {
     width: 100%;
   }
 
-  .njg-tooltip #closeButton {
-    display: block;
-    width: 100%;
-    text-align: end;
-    font-size: 16px;
-  }
-
   .sideBarHandle {
     display: none;
   }

diff --git a/src/js/netjsongraph.config.js b/src/js/netjsongraph.config.js
@@ -129,27 +129,6 @@ const NetJSONGraphDefaultConfig = {
             },
           },
         },
-        {
-          query: {
-            minWidth: 320,
-            maxWidth: 850,
-          },
-          option: {
-            tooltip: {
-              show: false,
-            },
-          },
-        },
-        {
-          query: {
-            minWidth: 851,
-          },
-          option: {
-            tooltip: {
-              show: true,
-            },
-          },
-        },
       ],
     },
   },
@@ -187,29 +166,6 @@ const NetJSONGraphDefaultConfig = {
       toolbox: {
         show: false,
       },
-      media: [
-        {
-          query: {
-            minWidth: 320,
-            maxWidth: 850,
-          },
-          option: {
-            tooltip: {
-              show: false,
-            },
-          },
-        },
-        {
-          query: {
-            minWidth: 851,
-          },
-          option: {
-            tooltip: {
-              show: true,
-            },
-          },
-        },
-      ],
     },
   },
   mapTileConfig: [

diff --git a/test/netjsongraph.spec.js b/test/netjsongraph.spec.js
@@ -96,27 +96,6 @@ describe("NetJSONGraph Specification", () => {
             },
           },
         },
-        {
-          query: {
-            minWidth: 320,
-            maxWidth: 850,
-          },
-          option: {
-            tooltip: {
-              show: false,
-            },
-          },
-        },
-        {
-          query: {
-            minWidth: 851,
-          },
-          option: {
-            tooltip: {
-              show: true,
-            },
-          },
-        },
       ],
     },
   };
@@ -153,29 +132,6 @@ describe("NetJSONGraph Specification", () => {
       toolbox: {
         show: false,
       },
-      media: [
-        {
-          query: {
-            minWidth: 320,
-            maxWidth: 850,
-          },
-          option: {
-            tooltip: {
-              show: false,
-            },
-          },
-        },
-        {
-          query: {
-            minWidth: 851,
-          },
-          option: {
-            tooltip: {
-              show: true,
-            },
-          },
-        },
-      ],
     },
   };