Skip to content

Merge exip layout builder enhancement mips #1997

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
srenault-meeds merged 2 commits into from
Aug 27, 2026
Merged

Merge exip layout builder enhancement mips #1997

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2e397d9
fix: consolidate widget-text-header/text-header-title - EXO-88493 (#1…
srenault-meeds Aug 10, 2026
32b5cb5
fix: title overflows into See all/settings instead of ellipsizing - E…
srenault-meeds Aug 10, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions portlets/src/main/webapp/WEB-INF/jsp/usersLeaderboard.jsp
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,8 +43,8 @@
<div class="pa-5 v-card v-card--flat v-sheet theme--light card-border-radius">
<div class="UserGamificationHeader text-color d-flex">
<div class="align-start d-flex">
<div class="d-inline-block widget-text-header text-truncate">
<%=bundle.getString("exoplatform.gamification.userLeaderboard.title")%>
<div class="d-inline-block text-header">
<span class="text-truncate"><%=bundle.getString("exoplatform.gamification.userLeaderboard.title")%></span>
</div>
</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions portlets/src/main/webapp/vue-app/badgesOverview/components/BadgesOverview.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,9 +22,9 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
<v-hover v-model="hover">
<gamification-overview-widget :loading="loading">
<template #title>
<div class="d-flex full-width align-center position-relative">
<div v-if="hasBadges" class="widget-text-header text-truncate">
{{ $t('exoplatform.gamification.badgesByDomain') }}
<div class="d-flex full-width align-center min-width-0 position-relative">
<div v-if="hasBadges" class="text-header">
<span class="text-truncate">{{ $t('exoplatform.gamification.badgesByDomain') }}</span>
</div>
<v-btn
v-if="$root.canEdit && hover"
Expand Down
4 changes: 2 additions & 2 deletions portlets/src/main/webapp/vue-app/commons/components/program/detail/ProgramDetail.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,10 +21,10 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
<v-card
class="d-flex align-center"
flat>
<div class="text-header-title"> {{ programTitle }}</div>
<div class="text-title"> {{ programTitle }}</div>
</v-card>
<v-spacer />
<span class="text-header-title d-none d-sm-block" v-sanitized-html="$t('programs.budget', $t(programBudgetLabel))"></span>
<span class="text-title d-none d-sm-block" v-sanitized-html="$t('programs.budget', $t(programBudgetLabel))"></span>
</div>
<div class="position-relative">
<gamification-card-mask v-if="!enabled" class="z-index-one rounded">
Expand Down
6 changes: 3 additions & 3 deletions portlets/src/main/webapp/vue-app/myContributions/components/MyContributions.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,9 +24,9 @@
<v-hover v-model="hover">
<gamification-overview-widget :loading="loading">
<template #title>
<div class="d-flex flex-grow-1 full-width position-relative">
<div v-if="!neverContributed && !loading" class="widget-text-header text-truncate">
{{ $t('gamification.myContributions.title') }}
<div class="d-flex flex-grow-1 min-width-0 full-width position-relative">
<div v-if="!neverContributed && !loading" class="text-header">
<span class="text-truncate">{{ $t('gamification.myContributions.title') }}</span>
</div>
<div class="spacer"></div>
<div
Expand Down
6 changes: 4 additions & 2 deletions portlets/src/main/webapp/vue-app/profileStats/components/GamificationRank.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,8 +25,10 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
{{ $vuetify.rtl && 'mdi-arrow-right' || 'mdi-arrow-left' }}
</v-icon>
</v-btn>
<div class="d-flex flex-grow-1 flex-shrink-1 text-truncate">
<span class="widget-text-header text-truncate">{{ title }}</span>
<div class="d-flex flex-grow-1 flex-shrink-1 min-width-0">
<span class="text-header">
<span class="text-truncate">{{ title }}</span>
</span>
</div>
</div>
<div
Expand Down
4 changes: 2 additions & 2 deletions portlets/src/main/webapp/vue-app/profileStats/components/UserDashbord.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,8 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
height="64"
flat
class="border-box-sizing profile-card-header flex-column flex-shrink-1 flex-grow-0">
<div class="widget-text-header text-truncate">
{{ title }}
<div class="text-header">
<span class="text-truncate">{{ title }}</span>
</div>
</v-toolbar>
<v-layout
Expand Down
6 changes: 3 additions & 3 deletions portlets/src/main/webapp/vue-app/programsOverview/components/ProgramsOverview.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,11 +18,11 @@
<v-hover v-model="hover">
<gamification-overview-widget :loading="loading">
<template #title>
<div class="d-flex flex-grow-1 flex-shrink-1 full-width align-center position-relative">
<div class="d-flex flex-grow-1 flex-shrink-1 min-width-0 full-width align-center position-relative">
<div
v-if="programsDisplayed"
class="widget-text-header text-none text-truncate d-flex align-center">
{{ $t('gamification.overview.programsOverviewTitle') }}
class="text-header text-none d-flex align-center min-width-0">
<span class="text-truncate">{{ $t('gamification.overview.programsOverviewTitle') }}</span>
</div>
<div
:class="{
Expand Down
4 changes: 2 additions & 2 deletions portlets/src/main/webapp/vue-app/rules/components/drawers/ProgramDetailDrawer.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,8 +65,8 @@
class="pa-4"
transparent
flat>
<div class="text-header-title dark-grey-color text-truncate-2">
{{ program.title }}
<div class="text-title dark-grey-color">
<span class="text-truncate-2">{{ program.title }}</span>
</div>
<v-avatar
id="programImageCover"
Expand Down
6 changes: 3 additions & 3 deletions portlets/src/main/webapp/vue-app/topChallengers/components/TopChallengers.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,9 +26,9 @@
:loading="loading"
class="d-flex">
<template #title>
<div class="d-flex flex-grow-1 full-width position-relative">
<div v-if="!displayPlaceholder && !loading" class="widget-text-header text-truncate">
{{ spaceId && $t('gamification.overview.space.topChallengersTitle') || $t('gamification.overview.topChallengersTitle') }}
<div class="d-flex flex-grow-1 min-width-0 full-width position-relative">
<div v-if="!displayPlaceholder && !loading" class="text-header">
<span class="text-truncate">{{ spaceId && $t('gamification.overview.space.topChallengersTitle') || $t('gamification.overview.topChallengersTitle') }}</span>
</div>
<div class="spacer"></div>
<div
Expand Down
4 changes: 2 additions & 2 deletions portlets/src/main/webapp/vue-app/usersLeaderboard/components/UsersLeaderboard.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,8 +27,8 @@
flat>
<div class="d-flex UserGamificationHeader text-color">
<div
class="d-inline-block widget-text-header text-truncate">
{{ $t('exoplatform.gamification.userLeaderboard.title') }}
class="d-inline-block text-header">
<span class="text-truncate">{{ $t('exoplatform.gamification.userLeaderboard.title') }}</span>
</div>
</div>
<users-leaderboard-tabs />
Expand Down
6 changes: 3 additions & 3 deletions portlets/src/main/webapp/vue-app/usersLeaderboardCommon/components/RulesOverviewWidget.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,9 +22,9 @@
min-width="auto">
<template #title>
<slot v-if="$slots.title && hasValidRules" name="title"></slot>
<div v-else class="d-flex flex-grow-1 full-width position-relative">
<div v-if="hasValidRules" class="widget-text-header text-none text-truncate">
{{ title }}
<div v-else class="d-flex flex-grow-1 min-width-0 full-width position-relative">
<div v-if="hasValidRules" class="text-header text-none">
<span class="text-truncate">{{ title }}</span>
</div>
<div
:class="{
Expand Down
Loading