fix(news): fix scroll issue and css display on mobile

src/app/post/components/post-details/post-details.component.ts

@@ -38,9 +38,13 @@ export class PostDetailsComponent implements OnInit {
     this.routerListener.goToPreviousUrl();
   }
 
+  /**
+   * Reset scroll to top for article reading
+   */
   private resetScroll(): void {
-    if (window.scrollY) {
-      window.scroll(0, 0); // reset the scroll position to the top left of the document.
+    const classElement = document.getElementsByClassName('header-container');
+    if (classElement.length > 0) {
+      classElement[0].scrollIntoView();
     }
   }
 }

src/app/post/components/post-list/post-list.component.scss

@@ -84,7 +84,7 @@ h2 {
     @media #{$news-max} {
       ::ng-deep .post .imageContainer .image {
         height: unset;
-        max-height: unset;
+        max-height: 320px;
       }
     }
   }

src/assets/ico/sprite.svg

@@ -247,15 +247,16 @@
 <path d="M16.9696 9.5759C18.0037 8.95863 18.6962 7.82861 18.6962 6.53684C18.6962 4.5835 17.1127 3 15.1593 3C13.206 3 11.6225 4.5835 11.6225 6.53684C11.6225 7.82861 12.315 8.95863 13.349 9.5759C11.81 10.2675 10.7383 11.8139 10.7383 13.6105V15.1579H19.5804V13.6105C19.5804 11.8139 18.5087 10.2675 16.9696 9.5759Z" stroke="none"/>
 </symbol>
 
-<symbol id="news-header" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M63 70H26.5392C28.6476 68.3259 30 65.7505 30 62.8571V15H70V63C70 66.866 66.866 70 63 70Z" stroke="#828282" stroke-width="2"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M36 50C36 49.4477 36.4477 49 37 49H63C63.5523 49 64 49.4477 64 50C64 50.5523 63.5523 51 63 51H37C36.4477 51 36 50.5523 36 50ZM36 56C36 55.4477 36.4477 55 37 55H63C63.5523 55 64 55.4477 64 56C64 56.5523 63.5523 57 63 57H37C36.4477 57 36 56.5523 36 56ZM37 61C36.4477 61 36 61.4477 36 62C36 62.5523 36.4477 63 37 63H52C52.5523 63 53 62.5523 53 62C53 61.4477 52.5523 61 52 61H37Z" fill="#828282"/>
-<path d="M30 70C26.5 70 26.5 70 22.5 70C18.3055 69.702 15 66.3806 15 62.327V53H29.5" stroke="#828282" stroke-width="2"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M15.4211 65.663C15.6618 66.4235 16.0012 67.1312 16.4283 67.7667L29 55.195V53L28.0841 53L15.4211 65.663ZM20.4667 70.7284C19.6942 70.5073 18.9861 70.1679 18.3539 69.7302L29 59.0841V62.195L20.4667 70.7284ZM24.9046 70.1795C26.2069 69.4951 27.2523 68.4308 27.9608 67.1232L24.9046 70.1795ZM24.195 53L21.0841 53L15 59.0841V62.195L24.195 53ZM15 53L17.195 53L15 55.195V53Z" fill="#828282"/>
-<rect x="34" y="22" width="32" height="20" rx="2" fill="#BDBDBD"/>
+<symbol id="news-header" viewBox="0 0 89 88" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M63.5 72H27.0391C29.1476 70.3259 30.5 67.7505 30.5 64.8571V17H70.5V65C70.5 68.866 67.3659 72 63.5 72Z" stroke="#828282" stroke-width="2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36.5 52C36.5 51.4477 36.9477 51 37.5 51H63.5C64.0523 51 64.5 51.4477 64.5 52C64.5 52.5523 64.0523 53 63.5 53H37.5C36.9477 53 36.5 52.5523 36.5 52ZM36.5 58C36.5 57.4477 36.9477 57 37.5 57H63.5C64.0523 57 64.5 57.4477 64.5 58C64.5 58.5523 64.0523 59 63.5 59H37.5C36.9477 59 36.5 58.5523 36.5 58ZM37.5 63C36.9477 63 36.5 63.4477 36.5 64C36.5 64.5523 36.9477 65 37.5 65H52.5C53.0523 65 53.5 64.5523 53.5 64C53.5 63.4477 53.0523 63 52.5 63H37.5Z" fill="#828282"/>
+<path d="M30.5 72C27 72 27 72 23 72C18.8055 71.702 15.5 68.3806 15.5 64.327V55H30" stroke="#828282" stroke-width="2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.9211 67.663C16.1618 68.4235 16.5012 69.1312 16.9283 69.7667L29.5 57.195V55L28.5841 55L15.9211 67.663ZM20.9667 72.7284C20.1942 72.5073 19.4861 72.1679 18.8539 71.7302L29.5 61.0841V64.195L20.9667 72.7284ZM25.4046 72.1795C26.7069 71.4951 27.7523 70.4308 28.4608 69.1232L25.4046 72.1795ZM24.695 55L21.5841 55L15.5 61.0841V64.195L24.695 55ZM15.5 55L17.695 55L15.5 57.195V55Z" fill="#828282"/>
+<rect x="34.5" y="24" width="32" height="20" rx="2" fill="#BDBDBD"/>
 </symbol>
 
 
+
 <symbol id="calendar" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 10H5V13H8V10Z" fill="#333333"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C5.44772 2 5 2.44772 5 3V4H3C2.44772 4 2 4.44772 2 5V19C2 19.5523 2.44772 20 3 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H17V3C17 2.44772 16.5523 2 16 2C15.4477 2 15 2.44772 15 3V4H7V3C7 2.44772 6.55229 2 6 2ZM4 9V18H18V9H4Z" fill="#333333"/>