fix(bugs): mobile bug fixes (#1550)

Satellite-im · Nov 29, 2023 · 7ccdad0 · 7ccdad0
1 parent bdacacf
commit 7ccdad0
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 1 deletion.
diff --git a/kit/src/elements/textarea/script.js b/kit/src/elements/textarea/script.js
@@ -27,6 +27,10 @@ sendButton[1].addEventListener("click", (event) => {
     textareas[0].value = "";
 })
 
+if (textareas[0].style.height === "66px") {
+    textareas[0].style.height = "22px";
+}
+
 function inputListener(e) {
     updateHeight(this);
 }

diff --git a/kit/src/layout/topbar/style.scss b/kit/src/layout/topbar/style.scss
@@ -17,3 +17,6 @@
 		overflow: hidden;
 	}
 }
+.controls {
+	display: inherit;
+}
diff --git a/ui/src/layouts/chats/mod.rs b/ui/src/layouts/chats/mod.rs
@@ -106,7 +106,7 @@ pub fn ChatLayout(cx: Scope) -> Element {
                 p {id: "overlay-text0", class: "overlay-text"},
                 p {id: "overlay-text", class: "overlay-text"}
             },
-            if show_slimbar {
+            if show_slimbar & !is_minimal_view {
                 cx.render(rsx!(
                     SlimbarLayout { active: crate::UplinkRoute::ChatLayout{} },
                 ))

diff --git a/ui/src/layouts/chats/presentation/welcome/mod.rs b/ui/src/layouts/chats/presentation/welcome/mod.rs
@@ -21,6 +21,7 @@ pub fn Welcome(cx: Scope) -> Element {
         div {
             id: "welcome",
             aria_label: "welcome-screen",
+            class: "welcome-screen",
             if state.read().ui.sidebar_hidden && state.read().ui.is_minimal_view() {
                 rsx!(
                     Topbar {
@@ -32,6 +33,8 @@ pub fn Welcome(cx: Scope) -> Element {
                     }
                 )
             }
+            div {
+                class: "welcome-contents",
             img {
                 class: "image",
                 aria_label: "welcome-image",
@@ -50,6 +53,8 @@ pub fn Welcome(cx: Scope) -> Element {
                     router.replace(UplinkRoute::FriendsLayout {  });
                 }
             },
+
+        }
         }
     })
 }

diff --git a/ui/src/layouts/chats/presentation/welcome/style.scss b/ui/src/layouts/chats/presentation/welcome/style.scss
@@ -22,5 +22,13 @@
       pointer-events: all;
       position: absolute;
     }
+    .topbar {
+      border-bottom: 1px solid var(--border-subtle-color);
+    }
+    .welcome-contents {
+      display: grid;
+      align-content: center;
+      justify-items: center;
+      height: 100%;}
   }