fix: google one-tap button height and display

Author: nikochiko

routers/root.py

@@ -779,7 +779,7 @@ def page_wrapper(
                 ):
                     with gui.div(
                         className="d-md-flex flex-grow-1 justify-content-center align-items-center bg-white top-0 left-0",
-                        style={"display": "none"},
+                        style={"display": "none", "zIndex": "10"},
                         id="mobile_search_container",
                     ):
                         _render_search_bar_with_redirect(
@@ -804,11 +804,8 @@ def page_wrapper(
                             onClick=get_js_show_mobile_search(),
                         )
 
-            with (
-                gui.styled("& { max-width: 50%; } & > * { height: 24px; }"),
-                gui.div(
-                    className="d-flex gap-2 justify-content-end flex-wrap align-items-center"
-                ),
+            with gui.div(
+                className="d-flex gap-2 justify-content-end flex-wrap align-items-center"
             ):
                 if not show_search_bar:
                     render_header_link(

templates/google_one_tap_button.html

@@ -1,4 +1,11 @@
-<span class="pe-2" style="height: 44px; min-width: 40px; max-width: 200px;" data-replace-login-spinner>
+<style>
+#g_id_signin_mobile div:has(> svg) {
+    min-width: 40px;
+    min-height: 40px;
+}
+</style>
+
+<span class="pe-2" style="min-width: 40px; max-width: 200px;" data-replace-login-spinner>
     <span id="g_id_signin_desktop" class="d-none d-md-inline"></span>
     <span id="g_id_signin_mobile" class="d-md-none"></span>
 </span>

workspaces/widgets.py

@@ -47,7 +47,8 @@ def global_workspace_selector(user: AppUser, session: dict):
     except (KeyError, IndexError):
         current = workspaces[0]
 
-    popover, content = gui.popover(interactive=True, placement="bottom")
+    with gui.styled("& button { height: 24px; }"), gui.div():
+        popover, content = gui.popover(interactive=True, placement="bottom")
 
     with popover:
         if current.is_personal and current.created_by_id == user.id: