v8.0.22

Author: boehlerlukas

demo/main.js

@@ -11,11 +11,14 @@ Gleap.setApiUrl("http://0.0.0.0:9000");
 Gleap.initialize("KProDXhMS0V3UUku2iNnrZ4XsBnAYzxt");
 //Gleap.setEnvironment("dev");
 
-/*Gleap.identify("user_1933333283", {
-  name: "Franz.Demoddddman+asdf@eap.io",
+/*
+Gleap.identify("user_1933333283", {
+  name: "Luki",
   email: "lukas@gleap.io",
   value: 199
-});*/
+});
+*/
+//Gleap.clearIdentity();
 
 Gleap.attachCustomData({
   mission: "Unicorn",

index.d.ts

@@ -75,6 +75,7 @@ export namespace Gleap {
   ): void;
   function open(): void;
   function openNews(): void;
+  function openFeatureRequests(): void;
   function close(): void;
   function hide(): void;
   function setEnvironment(environment: "dev" | "staging" | "prod"): void;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "gleap",
-  "version": "8.0.21",
+  "version": "8.0.22",
   "main": "build/index.js",
   "scripts": {
     "start": "webpack serve",

src/Gleap.js

@@ -558,6 +558,19 @@ class Gleap {
     GleapFrameManager.getInstance().showWidget();
   }
 
+  /**
+   * Opens the feature requests overview.
+   */
+  static openFeatureRequests() {
+    GleapFrameManager.getInstance().setAppMode("widget");
+
+    GleapFrameManager.getInstance().sendMessage({
+      name: "open-feature-requests",
+    });
+
+    GleapFrameManager.getInstance().showWidget();
+  }
+
   isLiveMode() {
     if (this.offlineMode === true) {
       return false;

src/UI.js

@@ -210,8 +210,8 @@ export const injectStyledCSS = (
 
     .gleap-notification-close {
       border-radius: 100%;
-      width: 30px;
-      height: 30px;
+      width: 28px;
+      height: 28px;
       background-color: ${subTextColor};
       display: flex;
       justify-content: center;
@@ -230,6 +230,16 @@ export const injectStyledCSS = (
       animation-name: bbFadeInOpacity;
     }
 
+    @media only screen and (max-width: 450px) {
+      .gleap-notification-close {
+        visibility: visible;
+        pointer-events: auto;
+        animation-duration: 0.7s;
+        animation-fill-mode: both;
+        animation-name: bbFadeInOpacity;
+      }
+    }
+
     .gleap-notification-close svg {
       width: 45%;
       height: 45%;