limit homserver to not cover the whole loginview input with the string.

2026-08-29 21:15:19 +00:00 · 2024-04-11 10:42:32 +02:00
1 changed files with 7 additions and 2 deletions
--- a/src/auth/LoginPage.tsx
+++ b/src/auth/LoginPage.tsx
@@ -82,7 +82,12 @@ export const LoginPage: FC = () => {
    },
    [login, location, history, homeserver, setClient],
  );
-
+  // we need to limit the length of the homserver name to not cover the whole loginview input with the string.
+  let shortendHomeserverName = Config.defaultServerName()?.slice(0, 25);
+  shortendHomeserverName =
+    shortendHomeserverName?.length !== Config.defaultServerName()?.length
+      ? shortendHomeserverName + "..."
+      : shortendHomeserverName;
  return (
    <>
      <div className={styles.container}>
@@ -102,7 +107,7 @@ export const LoginPage: FC = () => {
                  autoCorrect="off"
                  autoCapitalize="none"
                  prefix="@"
-                  suffix={`:${Config.defaultServerName()}`}
+                  suffix={`:${shortendHomeserverName}`}
                  data-testid="login_username"
                />
              </FieldRow>