From aaf27d7fd3438b0212e3812163a655b0d0ea6afa Mon Sep 17 00:00:00 2001
From: Boris Voropaev <boris1voropaev@gmail.com>
Date: Thu, 23 Nov 2023 12:07:26 +0300
Subject: [PATCH] Merge branch 'master' of
 https://gitea.testnir.ru/Boris/multi-option

---
 .../publication-page.component.html            |  3 ++-
 src/assets/css/_pages-section.scss             | 18 ++++++++----------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/app/_modules/publications/publication/publication-page.component.html b/src/app/_modules/publications/publication/publication-page.component.html
index bc397c7..c2651b0 100644
--- a/src/app/_modules/publications/publication/publication-page.component.html
+++ b/src/app/_modules/publications/publication/publication-page.component.html
@@ -4,8 +4,9 @@
       <div class="posters">
         <div class="item" *ngFor="let poster of posters"><img [src]="poster.links?.full" /></div>
       </div>
-      <div class="excerpt">{{page.excerpt}}</div>
+      <div class="excerpt">{{!!page.excerpt!!}}</div>
     </div>
+    <div class="content" *ngIf="page.content" [innerHTML]="page.content"></div>
     <page-sections [page]="page" [editMode]="editMode" [modelType]="'publication'"></page-sections>
   </div>
 </div>
diff --git a/src/assets/css/_pages-section.scss b/src/assets/css/_pages-section.scss
index 20e5193..9e169a7 100644
--- a/src/assets/css/_pages-section.scss
+++ b/src/assets/css/_pages-section.scss
@@ -312,13 +312,11 @@ publications-list{
     margin-bottom: 24px;
     .poster{
       width: 665px;
+      height: 468px;
       max-width: calc( 100vw - 80px);
+      max-height: calc( (100vw - 80px ) * 0.7 );
       margin-bottom: 8px;
-      img{
-        border: 1px solid var(--second-dis);
-        width: 100%;
-        display: flex;
-      }
+      border: 1px solid var(--second-dis);
     }
     .posters{
       display: flex;
@@ -334,13 +332,13 @@ publications-list{
         :hover{
           border-color:  var(--prime-act);
         }
-        img{
-          object-fit: cover;
-          width: 100%;
-          height: 100%;
-        }
       }
     }
+    img{
+      object-fit: cover;
+      width: 100%;
+      height: 100%;
+    }
 
   }