fix: Fix Widgets Placeholder and height - MEED-7396 - Meeds-io/MIPs#155…

… (#546)
Meeds-io · Sep 4, 2024 · 98957ce · 98957ce
1 parent d106fbd
commit 98957ce
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 16 deletions.
diff --git a/wallet-webapps/src/main/webapp/WEB-INF/gatein-resources.xml b/wallet-webapps/src/main/webapp/WEB-INF/gatein-resources.xml
@@ -67,6 +67,13 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
     <additional-module>wallet</additional-module>
   </portlet-skin>
 
+  <portlet-skin>
+    <application-name>gamification-portlets</application-name>
+    <portlet-name>myRewards</portlet-name>
+    <skin-name>Enterprise</skin-name>
+    <additional-module>wallet</additional-module>
+  </portlet-skin>
+
   <portlet>
     <name>WalletAPI</name>
     <module>

diff --git a/wallet-webapps/src/main/webapp/skin/less/wallet.less b/wallet-webapps/src/main/webapp/skin/less/wallet.less
@@ -831,12 +831,10 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 .fixLinkHeight {
   min-height: 31px;
 }
-#walletBalancePortlet {
-  .big-number {
-    font-size  : 2.4rem !important;
-    line-height: 2.5rem;
-    color      : @darkGrey;
-  }
+.big-number {
+  font-size  : 32px !important;
+  line-height: 32px;
+  color      : @darkGrey;
 }
 
 #WalletOverview {

diff --git a/...rc/main/webapp/vue-app/wallet-common/wallet-user-balance/components/WalletUserBalance.vue b/...rc/main/webapp/vue-app/wallet-common/wallet-user-balance/components/WalletUserBalance.vue
@@ -2,14 +2,13 @@
   <v-app id="WalletApp" class="ma-0">
     <div
       v-show="!loading"
-      flat
-      @click="$refs.accountDetail.open()"
-      class="clickable">
-      <div class="pa-0 d-flex justify-center flex-nowrap text-color display-1 font-weight-bold big-number">
+      class="clickable"
+      @click="$refs.accountDetail.open()">
+      <div class="pa-0 d-flex justify-center flex-nowrap text-color font-weight-bold big-number">
         <span class="my-2 tertiary-color">{{ symbol }}</span>
         <span
           :class="typographyClass"
-          class="ma-2 text-color font-weight-bold d-flex align-self-center">
+          class="ma-2 text-color text-h5 font-weight-bold d-flex align-self-center">
           {{ balanceToDisplay || '-' }}
         </span>
       </div>

diff --git a/...bapps/src/main/webapp/vue-app/wallet-common/weekly-earnings/components/WeeklyEarnings.vue b/...bapps/src/main/webapp/vue-app/wallet-common/weekly-earnings/components/WeeklyEarnings.vue
@@ -17,14 +17,13 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 <template>
   <div v-show="!loading" class="ma-0">
     <div
-      flat
-      @click="openDrawer"
-      class="clickable">
-      <div class="pa-0 d-flex justify-center flex-nowrap text-color display-1 font-weight-bold big-number">
+      class="clickable"
+      @click="openDrawer">
+      <div class="pa-0 d-flex justify-center flex-nowrap text-color font-weight-bold big-number">
         <span class="my-2 tertiary-color">{{ symbol }}</span>
         <span
           :class="typographyClass"
-          class="ma-2 text-color font-weight-bold d-flex align-self-center">
+          class="ma-2 text-color text-h5 font-weight-bold d-flex align-self-center">
           {{ weeklyRewardToDisplay || '-' }}
         </span>
       </div>