Fixed hostbanner position when its invisible

ChangeLog.md

@@ -3,6 +3,8 @@
     - Fixed `[spacerX]` detection
     - Added a hint if the channel encryption has been overridden by the server settings
     - Enabled log grouping
+    - Improved permission popup performance
+    - Showing a better client version on client info
     
 * **1.12.18**
     - Added the possibility to navigate via arrow keys within the channel tree

shared/css/frame/SelectInfo.scss

@@ -64,7 +64,9 @@
 
 		overflow: hidden;
 
-		&:not(:disabled) {
+
+		&.disabled {
+			display: none;
 			margin-bottom: 5px;
 		}
 

shared/js/connection.ts

@@ -343,11 +343,13 @@ class HandshakeHandler {
                 });
             return;
         }
+
+        const browser_name = (navigator.browserSpecs || {})["name"];
         let data = {
             //TODO variables!
             client_nickname: this.name ? this.name : this.identity.name(),
             client_platform: navigator.platform,
-            client_version: navigator.userAgent,
+            client_version: browser_name ? browser_name + " (" + navigator.userAgent + ")" : navigator.userAgent,
 
             client_server_password: this.server_password,
             client_browser_engine: navigator.product

shared/js/ui/frames/SelectedItemInfo.ts

@@ -133,16 +133,14 @@ class Hostbanner {
         if(tag) {
             tag.then(element => {
                 this.html_tag.empty();
-                this.html_tag.append(element);
+                this.html_tag.append(element).removeClass("disabled");
-                this.html_tag.prop("disabled", false);
+
             }).catch(error => {
                 console.warn("Failed to load hostbanner: %o", error);
-                this.html_tag.empty();
+                this.html_tag.empty().addClass("disabled");
-                this.html_tag.prop("disabled", true);
             })
         } else {
-            this.html_tag.empty();
+            this.html_tag.empty().addClass("disabled");
-            this.html_tag.prop("disabled", true);
         }
     }