Login Page. CSSex (#998)

Signed-off-by: Aleksandr Muravja <[email protected]>
kyberorg · Jan 11, 2023 · 1c4daa4 · 1c4daa4
1 parent 5d062fb
commit 1c4daa4
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 2 deletions.
diff --git a/frontend/css/axe_form_styles.css b/frontend/css/axe_form_styles.css
@@ -4,11 +4,35 @@
 
 .axe-compact-form {
     background: var(--axe-compact-area-color);
-    max-width: min(761px, 97%);
+    max-width: min(761px, 95%);
     align-self: center;
     width: min-content !important;
 }
 
 .space-after-submit-button {
     width: 100%;
+}
+
+@media (max-width: 355px) {
+    vaadin-form-item vaadin-text-field, vaadin-password-field {
+        max-width: calc(100% - 2rem);
+    }
+}
+
+@media (min-width: 356px) and (max-width: 361px) {
+    vaadin-form-item vaadin-text-field, vaadin-password-field {
+        max-width: calc(100% - 1.7rem);
+    }
+}
+
+@media (min-width: 361px) and (max-width: 375px) {
+    vaadin-form-item vaadin-text-field, vaadin-password-field {
+        max-width: calc(100% - 1rem);
+    }
+}
+
+@media (min-width: 376px) and (max-width: 417px) {
+    vaadin-form-item vaadin-text-field, vaadin-password-field {
+        max-width: calc(100% - 0.5rem);
+    }
 }
diff --git a/src/main/java/pm/axe/Endpoint.java b/src/main/java/pm/axe/Endpoint.java
@@ -87,6 +87,7 @@ public static class UI {
         public static final String REGISTRATION_FAILED_PAGE = "registrationFailed";
         public static final String LOGIN_PAGE = "login";
         public static final String REGISTRATION_PAGE = "register";
+        public static final String FORGOT_PASSWORD_PAGE = "forgot-password";
     }
 
     /**

diff --git a/src/main/java/pm/axe/ui/pages/user/LoginPage.java b/src/main/java/pm/axe/ui/pages/user/LoginPage.java
@@ -72,7 +72,7 @@ private void init() {
         getSubmitButton().addClickShortcut(Key.ENTER);
         getSubmitButton().addClickListener(this::onLogin);
 
-        forgotPasswordLink.setHref(Endpoint.UI.PASSWORD_RESET_PAGE);
+        forgotPasswordLink.setHref(Endpoint.UI.FORGOT_PASSWORD_PAGE);
         forgotPasswordLink.setText("Forgot your password?");
         forgotPasswordLink.setClassName("forgot-password-link");
         forgotPasswordSection.add(forgotPasswordLink);