fix: исправление стилей для страницы библиотека

Studio-Yandex-Practicum · Oct 27, 2023 · 65d40dd · 65d40dd
1 parent 054cd22
commit 65d40dd
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 7 deletions.
diff --git a/src/components/author-list/item/author-list-item.module.css b/src/components/author-list/item/author-list-item.module.css
@@ -1,3 +1,7 @@
 .root {
   display: block;
+
+  a {
+    width: 100%;
+  }
 }
diff --git a/src/components/library-layout/library-layout.module.css b/src/components/library-layout/library-layout.module.css
@@ -32,6 +32,7 @@
 
   @media tablet-portrait {
     padding: 0 24px;
+    background-color: var(--white);
   }
 }
 
@@ -63,6 +64,7 @@
     position: static;
     z-index: auto;
     padding: 0 24px;
+    background-color: var(--white);
   }
 }
 
@@ -76,9 +78,11 @@
   grid-area: navigation;
 
   @media tablet-portrait {
-    z-index: 1;
+    z-index: 2;
     top: 0;
-    border-bottom: 1px solid var(--coal);
+    box-sizing: border-box;
+    padding-top: 26px;
+    background-color: var(--white);
   }
 }
 
@@ -93,7 +97,7 @@
 
 .pagination {
   position: sticky;
-  z-index: 3;
+  z-index: 1;
   top: calc(var(--height-navbar-tablet-portrait) + var(--height-library-navigation-menu-tablet-portrait));
   display: flex;
   border-bottom: 1px solid var(--coal);
@@ -107,8 +111,14 @@
 
     top: var(--height-library-navigation-menu-tablet-portrait);
     display: block;
-    margin: 0 0 56px;
+    margin: 0;
+    background-color: var(--white);
     overflow-x: auto;
+
+    nav {
+      border-top: 1px solid var(--coal);
+      margin-top: 16px;
+    }
   }
 }
 
@@ -136,6 +146,12 @@
     top: calc(var(--height-navbar-tablet-portrait) + 24px);
     max-width: 580px;
   }
+
+  .content {
+    @media tablet-portrait {
+      padding-top: 56px;
+    }
+  }
 }
 
 .plays {
@@ -183,9 +199,11 @@
     overflow-y: auto;
 
     @media tablet-portrait {
-      position: static;
+      z-index: 1;
+      top: 80px;
       height: auto;
-      padding: 16px 24px;
+      padding: 10px 24px 16px;
+      background-color: var(--white);
       overflow-x: auto;
     }
   }

diff --git a/src/components/page/navbar/page-navbar.module.css b/src/components/page/navbar/page-navbar.module.css
@@ -11,5 +11,6 @@
     position: static;
     z-index: auto;
     border: 0;
+    background-color: var(--white);
   }
 }
diff --git a/src/components/play-card/play-card.module.css b/src/components/play-card/play-card.module.css
@@ -44,14 +44,17 @@
 
 .author {
   display: inline-block;
+  max-width: 100%;
   padding: 0;
   margin-inline-start: 0;
+  overflow-x: hidden;
 
   :first-child {
     font-family: "PP Neue Machina", Arial, sans-serif;
     font-weight: 400;
     letter-spacing: -.01em;
     line-height: 24px;
+    text-overflow: ellipsis;
   }
 }
 

diff --git a/src/components/ui/menu/type/library-navigation.module.css b/src/components/ui/menu/type/library-navigation.module.css
@@ -34,7 +34,7 @@
   &::after {
     display: block;
     width: .6em;
-    height: 1.6em;
+    height: 1.5em;
     box-sizing: border-box;
     border: 1px solid currentColor;
     content: "";