From 4afdf6f46761236f54dc635ca2253e9411fc3052 Mon Sep 17 00:00:00 2001
From: Boubaker Khanfir <boubaker.khanfir@exoplatform.com>
Date: Fri, 21 Jun 2024 16:51:44 +0100
Subject: [PATCH 1/3] feat: Redefine Parent applications Classes to fit layout
 style properties - MEED-7094 - Meeds-io/MIPs#144 (#332)

This change will apply **application-body** class to the main body of applications to make sure to apply layout specific CSS styles, such as disabling default Vuetify White Background applied on v-card. At the same time, for Top Toolbar applications, this will disable branding styling to avoid having border radius and other styles applied on small buttons added in Top bar as applications.
---
 .../src/main/webapp/vue-app/components/PerkStoreApp.vue   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/perk-store-webapps/src/main/webapp/vue-app/components/PerkStoreApp.vue b/perk-store-webapps/src/main/webapp/vue-app/components/PerkStoreApp.vue
index ea4e69a90..ef892739c 100644
--- a/perk-store-webapps/src/main/webapp/vue-app/components/PerkStoreApp.vue
+++ b/perk-store-webapps/src/main/webapp/vue-app/components/PerkStoreApp.vue
@@ -20,7 +20,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
     class="transparent singlePageApplication"
     flat>
     <wallet-notification-alert />
-    <main v-if="loading">
+    <main v-if="loading" class="application-body">
       <v-toolbar color="transparent" flat>
         <v-spacer />
         <v-progress-circular
@@ -30,18 +30,18 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
         <v-spacer />
       </v-toolbar>
     </main>
-    <main v-else>
+    <main v-else class="application-body">
       <template>
         <div class="application-toolbar">
           <v-tabs
             v-model="tab"
             slider-size="4"
-            class="card-border-radius overflow-hidden">
+            class="application-body">
             <v-tab @click="refreshProductList">{{ $t('exoplatform.perkstore.label.Catalogue') }}</v-tab>
             <v-tab @click="displayMyOrdersList">{{ $t('exoplatform.perkstore.label.MyOrders') }}</v-tab>
           </v-tabs>
           <v-tabs-items v-model="tab" class="tabs-content card-border-radius">
-            <v-tab-item class="product-list pa-4 card-border-radius overflow-hidden" eager>
+            <v-tab-item class="product-list pa-4 application-body" eager>
               <perk-store-toolbar 
                 :can-add-product="userSettings.canAddProduct"
                 :symbol="symbol"

From 8c3c43b0b912bd6e034a8333a3f9ea91052507f9 Mon Sep 17 00:00:00 2001
From: Boubaker Khanfir <boubaker.khanfir@exoplatform.com>
Date: Fri, 28 Jun 2024 07:49:19 +0100
Subject: [PATCH 2/3] feat: Change default font sizes - MEED-7147 -
 Meeds-io/MIPs#144

---
 .../src/main/webapp/vue-app/components/PerkStoreApp.vue   | 8 --------
 .../perk-store-admin/components/PerkStoreAdminSetup.vue   | 6 +++---
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/perk-store-webapps/src/main/webapp/vue-app/components/PerkStoreApp.vue b/perk-store-webapps/src/main/webapp/vue-app/components/PerkStoreApp.vue
index ef892739c..31a3bb9d7 100644
--- a/perk-store-webapps/src/main/webapp/vue-app/components/PerkStoreApp.vue
+++ b/perk-store-webapps/src/main/webapp/vue-app/components/PerkStoreApp.vue
@@ -53,14 +53,6 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
                 @create-product="newProduct"
                 @filter-changed="filterProduct = $event"
                 @keyword-changed="search = $event" />
-              <perk-store-no-result
-                v-if="perkStoreEnabled && !walletLoading && walletWarning"
-                :info="$t('exoplatform.perkstore.info.welcomeToPerkstore')"
-                :click-condition="true"
-                icon="fas fa-wallet"
-                info-message="gamification.overview.rewardsPerkstoreSummary" 
-                class="mt-5"
-                @no-result-event="redirectToWallet()" />
               <v-toolbar
                 v-if="error"
                 color="transparent"
diff --git a/perk-store-webapps/src/main/webapp/vue-app/perk-store-admin/components/PerkStoreAdminSetup.vue b/perk-store-webapps/src/main/webapp/vue-app/perk-store-admin/components/PerkStoreAdminSetup.vue
index f2c409841..77e59e562 100644
--- a/perk-store-webapps/src/main/webapp/vue-app/perk-store-admin/components/PerkStoreAdminSetup.vue
+++ b/perk-store-webapps/src/main/webapp/vue-app/perk-store-admin/components/PerkStoreAdminSetup.vue
@@ -22,10 +22,10 @@
 <template>
   <v-app flat>
     <div class="px-6">
-      <v-list-item class="px-0" two-line>
+      <v-list-item class="px-0" two-line dense>
         <v-list-item-content>
-          <v-list-item-title>
-            <h4 class="my-0">{{ $t('perkstore.administration.title') }}</h4>
+          <v-list-item-title class="text-title">
+            {{ $t('perkstore.administration.title') }}
           </v-list-item-title>
           <v-list-item-subtitle>
             {{ $t('perkstore.administration.subtitle') }}

From 2a30316805a6e94ad2b2a777b1e2baf860a93535 Mon Sep 17 00:00:00 2001
From: Boubaker Khanfir <boubaker.khanfir@exoplatform.com>
Date: Mon, 1 Jul 2024 12:59:20 +0100
Subject: [PATCH 3/3] fix: Fix Settings App Style - MEED-7164 -
 Meeds-io/MIPs#144

---
 perk-store-webapps/src/main/webapp/WEB-INF/portlet.xml | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/perk-store-webapps/src/main/webapp/WEB-INF/portlet.xml b/perk-store-webapps/src/main/webapp/WEB-INF/portlet.xml
index c9be66464..81aec9bec 100644
--- a/perk-store-webapps/src/main/webapp/WEB-INF/portlet.xml
+++ b/perk-store-webapps/src/main/webapp/WEB-INF/portlet.xml
@@ -77,6 +77,10 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
       <name>preload.resource.bundles</name>
       <value>locale.addon.PerkStore</value>
     </init-param>
+    <init-param>
+      <name>layout-css-class</name>
+      <value>no-layout-style</value>
+    </init-param>
     <expiration-cache>-1</expiration-cache>
     <cache-scope>PUBLIC</cache-scope>
     <supports>