HAR-126: Еще больше адаптировал под мобилу

frontend-park-mail-ru · May 5, 2024 · f0e66c8 · f0e66c8
1 parent 9917a17
commit f0e66c8
Show file tree

Hide file tree

Showing 9 changed files with 46 additions and 9 deletions.
diff --git a/source/entity/errorWindow/ui/errorWindow.scss b/source/entity/errorWindow/ui/errorWindow.scss
@@ -7,7 +7,7 @@
     border-radius: variables.$element-border-radius;
     background-color: variables.$background-color;
     position: fixed;
-    inset: auto 20px 20px auto;
+    inset: auto 20px 60px auto;
     padding: 20px 35px 20px 20px;
 }
 

diff --git a/source/pages/boardEdit/ui/boardEdit.js b/source/pages/boardEdit/ui/boardEdit.js
@@ -5,6 +5,8 @@ import {BoardEditAPI} from '../api/api.js';
 import {ErrorWindowView} from '../../../entity/errorWindow/ui/errorWindow.js';
 import {errors, NORMAL_COLOR} from '../../../shared/config.js';
 import {boardValidation} from '../../../shared/utils/validation.js';
+import {Profile} from '../../profile/ui/profile.js';
+import {BoardView} from '../../board/ui/boardView.js';
 
 /**
  * Handle board create and update page
@@ -30,7 +32,8 @@ export class BoardEdit extends View {
 
         const backButton = document.querySelector('#board-back-button');
         backButton.addEventListener('click', (event) => {
-            history.pushState(null, null, '/board/' + board.board_id);
+            const board = new BoardView();
+            board.render(board.board_id);
         });
 
         const boardAPI = new BoardEditAPI(board.board_id);
@@ -77,7 +80,8 @@ export class BoardEdit extends View {
         const backButton = document.querySelector('#board-back-button');
         backButton.addEventListener('click', (event) => {
             const user = JSON.parse(localStorage.getItem('user'));
-            history.pushState(null, null, '/profile/' + user.nickname);
+            const profile = new Profile();
+            profile.render(user.nickname);
         });
 
         const boardAPI = new BoardEditAPI(null);

diff --git a/source/pages/boardEdit/ui/boardEdit.scss b/source/pages/boardEdit/ui/boardEdit.scss
@@ -16,3 +16,14 @@
     width: 700px;
 }
 
+@media screen and (max-width: 430px) {
+    $width: 75vw;
+
+    .board-window{
+        width: $width;
+    }
+
+    .board-form{
+        width: $width;
+    }
+}
diff --git a/source/pages/login/ui/loginView.js b/source/pages/login/ui/loginView.js
@@ -82,7 +82,7 @@ export class LoginView extends View {
 
         const signupButton = this.root.querySelector('#login_signup_button');
         signupButton.addEventListener('click', () => {
-            whistory.pushState(null, null, '/signup');
+            history.pushState(null, null, '/signup');
         });
     }
 

diff --git a/source/pages/pin/ui/pinView.js b/source/pages/pin/ui/pinView.js
@@ -8,6 +8,7 @@ import {ErrorWindowView} from '../../../entity/errorWindow/ui/errorWindow.js';
 import {errors} from '../../../shared/config.js';
 import {Error} from '../../error/ui/error.js';
 import {pinValidation} from '../../../shared/utils/validation.js';
+import {Profile} from '../../profile/ui/profile.js';
 
 /**
  * Handle pin page
@@ -107,7 +108,8 @@ export class PinView extends View {
         profileButton.addEventListener('click', async (event) => {
             event.preventDefault();
             const user = JSON.parse(localStorage.getItem('user'));
-            history.pushState(null, null, '/profile/' + user.nickname);
+            const profile = new Profile();
+            profile.render(user.nickname);
         });
 
         const createSubmit = this.root.querySelector('#pin-form-save');

diff --git a/source/pages/profileEdit/ui/profile-edit.scss b/source/pages/profileEdit/ui/profile-edit.scss
@@ -5,3 +5,9 @@
     gap: 50px;
     padding: 40px;
 }
+
+@media screen and (max-width: 430px) {
+    .profile-edit__window{
+        width: 75vw;
+    }
+}
diff --git a/source/pages/signup/ui/signupView.js b/source/pages/signup/ui/signupView.js
@@ -70,16 +70,16 @@ export class SignupView extends View {
 
         nicknameInput.addEventListener('focusout', (event) => {
             event.preventDefault();
-            if (nicknameValidation(nicknameInput.value)) {
+            // if (nicknameValidation(nicknameInput.value)) {
                 nickHint.style.visibility = 'hidden';
-            }
+            // }
         });
 
         passwordInput.addEventListener('focusout', (event) => {
             event.preventDefault();
-            if (passwordValidation(passwordInput.value)) {
+            // if (passwordValidation(passwordInput.value)) {
                 passHint.style.visibility = 'hidden';
-            }
+            // }
         });
 
         nicknameInput.addEventListener('input', (event) => {

diff --git a/source/pages/signup/ui/signupView.scss b/source/pages/signup/ui/signupView.scss
@@ -22,3 +22,10 @@
   display: flex;
   margin-top: 10px;
 }
+
+@media screen and (max-width: 430px) {
+  .hint{
+    inset: 50px auto auto 0;
+    z-index: 2;
+  }
+}
diff --git a/source/widgets/profileEditWindow/ui/profile-edit-window.scss b/source/widgets/profileEditWindow/ui/profile-edit-window.scss
@@ -20,3 +20,10 @@
     width: 150px;
     height: 150px;
 }
+
+@media screen and (max-width: 430px) {
+    .form{
+        flex-direction: column;
+        width: auto;
+    }
+}