publications-list

src/app/_modules/pagination/pagination.component.scss

@@ -3,29 +3,26 @@
   flex-direction: row;
   align-items: center;
   flex-wrap: wrap;
-  gap: 16px;
+  gap: 12px;
   button {
     background-color: transparent;
-    min-width: 20px;
-    min-height: 20px;
-    border-radius: 10px;
+    min-width: 24px;
+    height: 24px;
+    border-radius: 4px;
     font-weight: 700;
     font-size: 0.875rem;
     line-height: 18px;
-    border: 1px solid var(--orange-2);
-    color: var(--orange-2);
+    border: 1px solid var(--second);
     text-align: center;
     padding: 1px 6px;
-
+    color: var(--dark);
     &.active {
-      background: var(--orange-2);
-      color: var(--white);
-      border-color: var(--orange-2);
+      border-color: var(--prime);
+      color: var(--prime);
     }
     &.next {
       margin-right: 20px;
       border-color: transparent;
-      color: var(--grey-4);
       font-size: 0.875rem;
       font-style: normal;
       font-weight: 400;

src/app/_modules/publications/list/item/publications-list-item.component.html

@@ -8,6 +8,7 @@
     </a>
   </div>
 </div>
+<div class="date">{{publication.publishedAt | date : 'dd.MM.yy'}}</div>
 <div class="name">
   <a [routerLink]="publication.link">
     <h3>{{publication.name}}</h3>
@@ -22,4 +23,7 @@
   </div>
 </div>
 <div class="excerpt">{{publication.excerpt}}</div>
-<a class="publication-read-more" >Читать далее <ico ico="chevron_right_24"></ico></a>
+<a class="publication-read-more" [routerLink]="publication.link">
+  Читать далее 
+  <ico ico="chevron_right_24"></ico>
+</a>

src/app/_modules/publications/list/item/publications-list-item.component.ts

@@ -24,6 +24,7 @@ export class PublicationsListItemComponent {
   }
 
   ngOnInit() {
+    console.log(this. publication)
     if (this.publication.posters) this.currentPoster = this.posters[0];
   }
 

src/app/_modules/publications/list/publications-list.component.html

@@ -4,8 +4,8 @@
     Добавить публикацию
   </a>
 </div>
-<pagination></pagination>
+<pagination [listId]="listId"></pagination>
 <div class="items">
   <publications-list-item *ngFor="let publication of publications" [publication]="publication" [editMode]="editMode"></publications-list-item>
 </div>
-<pagination></pagination>
+<pagination [listId]="listId"></pagination>

src/assets/css/_pages-section.scss

@@ -299,7 +299,6 @@ images-section{
 publications-list{
   .add a, .publication-read-more{
     display: inline-flex;
-    gap: 8px;
     align-items: flex-end;
   }
   
@@ -309,7 +308,15 @@ publications-list{
   
   publications-list-item {
     display: block;
-    margin-bottom: 24px;
+    padding-bottom: 24px;
+    border-top: 1px solid var(--second-dis);
+    &:last-child{
+      border-bottom: 1px solid var(--second-dis);
+    }
+
+    .date{
+      color: var(--second);
+    }
     .poster{
       width: 665px;
       height: 468px;
@@ -317,6 +324,7 @@ publications-list{
       max-height: calc( (100vw - 80px ) * 0.7 );
       margin-bottom: 8px;
       border: 1px solid var(--second-dis);
+      background-color: var(--second-dis);
     }
     .posters{
       display: flex;