From 1f4fed2aae8aac9f5fc522f46b0348666a972578 Mon Sep 17 00:00:00 2001
From: Sofien Haj Chedhli <shajchedli@exoplatform.com>
Date: Thu, 21 Sep 2023 10:01:07 +0100
Subject: [PATCH] fix : Adjust the styling of the news mosaic view on the
 extra-large screen - EXO-66168 (#926) (#929)

Prior to this change, the news mosaic view articles were displayed like the mobile view on the extra-large screen. This issue was due to the incorrect check of the width based on the screen width. This change will display the news articles in the correct viewing mode .
---
 .../webapp/news-list-view/components/views/NewsMosaicView.vue   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/src/main/webapp/news-list-view/components/views/NewsMosaicView.vue b/webapp/src/main/webapp/news-list-view/components/views/NewsMosaicView.vue
index 51cd1dbeab..09e6dd95c6 100644
--- a/webapp/src/main/webapp/news-list-view/components/views/NewsMosaicView.vue
+++ b/webapp/src/main/webapp/news-list-view/components/views/NewsMosaicView.vue
@@ -91,7 +91,7 @@ export default {
     this.getNewsList();
   },
   mounted() {
-    this.isSmallWidth =  this.$refs && this.$refs['top-news-mosaic'] && this.$refs['top-news-mosaic']?.clientWidth *100 / window.screen.width  < 33;
+    this.isSmallWidth =  this.$refs && this.$refs['top-news-mosaic'] && this.$refs['top-news-mosaic']?.clientWidth < this.isSmallBreakpoint;
   },
   computed: {
     isMobile() {