Update styles and player logic

frontend-park-mail-ru · Dec 16, 2024 · e809516 · e809516
1 parent ac31ad1
commit e809516
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 8 deletions.
diff --git a/public/components/Loader/Loader.scss b/public/components/Loader/Loader.scss
@@ -1,9 +1,9 @@
 @import 'styles/variables.scss';
 
 .loader {
-  width: 75px;
-  height: 75px;
-  border: 10px solid rgba(148, 12, 207, 0.6);
+  width: 40px;
+  height: 40px;
+  border: 5px solid rgba(148, 12, 207, 0.6);
   border-radius: $border-radius-max;
   border-left-color: $brand;
   animation: loader 1.3s linear infinite;
@@ -29,3 +29,13 @@
     transform: rotate(360deg);
   }
 }
+
+// @include mobileLandscape {
+//   .loader {
+//     width: 50px;
+//     height: 50px;
+//     border: 7px solid rgba(148, 12, 207, 0.6);
+//     // Убедитесь, что анимация не переопределяется
+//     animation: loader 1.3s linear infinite;
+//   }
+// }
diff --git a/public/components/UsersList/UsersList.scss b/public/components/UsersList/UsersList.scss
@@ -34,6 +34,7 @@
     &_avatar {
       width: 50px;
       height: 50px;
+      border-radius: $border-radius-max;
     }
 
     &_username {

diff --git a/public/components/VideoPlayer/VideoPlayer.ts b/public/components/VideoPlayer/VideoPlayer.ts
@@ -294,9 +294,9 @@ export class VideoPlayer {
     video.addEventListener('ended', this.onVideoEnd.bind(this));
 
     // TODO: проверить на мобилке
-    if (this.#isModal) {
-      video.addEventListener('loadeddata', this.hidePlaceholder.bind(this));
-    }
+    // if (this.#isModal) {
+    video.addEventListener('loadeddata', this.hidePlaceholder.bind(this));
+    // }
 
     fullOrSmallScreen.addEventListener(
       'click',
@@ -374,7 +374,7 @@ export class VideoPlayer {
 
     // TODO: проверить на мобилке
     if (!this.#isModal) {
-      this.hidePlaceholder();
+      // this.hidePlaceholder();
 
       if (isTouchDevice() && isTabletOrMobileLandscape()) {
         const controls = document.querySelector(
@@ -796,8 +796,8 @@ export class VideoPlayer {
     this.#controls.videoWrapper.classList.remove('hidden');
     if (this.#isModal) {
       this.#controls.videoBackButton.classList.remove('video__controls_hidden');
-      this.#controls.videoTitle.classList.remove('video__controls_hidden');
     }
+    this.#controls.videoTitle.classList.remove('video__controls_hidden');
 
     this.#controls.videoMobileControls?.classList.remove(
       'video__controls_hidden',