From be61f3c93ad7fc9317b05896ff0f7b079c6d69e4 Mon Sep 17 00:00:00 2001
From: Boubaker Khanfir <boubaker.khanfir@gmail.com>
Date: Thu, 27 Aug 2026 14:33:08 +0100
Subject: [PATCH 1/2] feat: Apply usage of Text Header Page Layout Style -
 EXO-88493 This change will change the usage of deprecated class
 widget-text-header in favor of text-header class which will reference Page
 Layout Style CSS Variables.

---
 .../webapp/vue-app/document-gadget/components/DocumentList.vue  | 2 +-
 .../documents-size-gadget/components/DocumentSizeMain.vue       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/documents-webapp/src/main/webapp/vue-app/document-gadget/components/DocumentList.vue b/documents-webapp/src/main/webapp/vue-app/document-gadget/components/DocumentList.vue
index 6ffdc49d31..449c94cca5 100644
--- a/documents-webapp/src/main/webapp/vue-app/document-gadget/components/DocumentList.vue
+++ b/documents-webapp/src/main/webapp/vue-app/document-gadget/components/DocumentList.vue
@@ -22,7 +22,7 @@
         extra-class="application-body">
         <template #title>
           <span
-            class="widget-text-header text-truncate">
+            class="text-header text-truncate">
             {{ headerTitle }}
           </span>
         </template>
diff --git a/documents-webapp/src/main/webapp/vue-app/documents-size-gadget/components/DocumentSizeMain.vue b/documents-webapp/src/main/webapp/vue-app/documents-size-gadget/components/DocumentSizeMain.vue
index ece49f3876..bedb4bcae7 100644
--- a/documents-webapp/src/main/webapp/vue-app/documents-size-gadget/components/DocumentSizeMain.vue
+++ b/documents-webapp/src/main/webapp/vue-app/documents-size-gadget/components/DocumentSizeMain.vue
@@ -19,7 +19,7 @@
   <v-app class="border-box-sizing" flat>
     <v-main class="pa-5 application-body">
       <div class="d-flex align-center mb-5">
-        <a :href="documentsBaseLink" class="widget-text-header text-capitalize-first-letter">
+        <a :href="documentsBaseLink" class="text-header text-capitalize-first-letter">
           {{ $t('document.size.header.label') }}
         </a>
         <div v-if="inProgress">

From b9717dc85cfb8c4d31805e951ce7078bff3f7058 Mon Sep 17 00:00:00 2001
From: Boubaker Khanfir <bkhanfir@exoplatform.com>
Date: Tue, 1 Sep 2026 10:40:54 +0100
Subject: [PATCH 2/2] feat: Apply usage of Text Header Page Layout Style -
 EXO-88493 (#2063)

Apply Text Header Style on Documents List Portlet.
---
 .../vue-app/document-gadget/components/DocumentList.vue       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/documents-webapp/src/main/webapp/vue-app/document-gadget/components/DocumentList.vue b/documents-webapp/src/main/webapp/vue-app/document-gadget/components/DocumentList.vue
index 449c94cca5..8879d19fc6 100644
--- a/documents-webapp/src/main/webapp/vue-app/document-gadget/components/DocumentList.vue
+++ b/documents-webapp/src/main/webapp/vue-app/document-gadget/components/DocumentList.vue
@@ -22,8 +22,8 @@
         extra-class="application-body">
         <template #title>
           <span
-            class="text-header text-truncate">
-            {{ headerTitle }}
+            class="text-header">
+            <span class="text-truncate">{{ headerTitle }}</span>
           </span>
         </template>
         <template #action>