fix: repair feedback screenshot and list layouts
All checks were successful
deploy-socialize / image (push) Successful in 49s
deploy-socialize / deploy (push) Successful in 19s

This commit is contained in:
2026-05-09 10:53:41 -04:00
parent 986c7efea6
commit 030bf1b4ef
3 changed files with 8 additions and 5 deletions

View File

@@ -135,8 +135,11 @@
try { try {
await nextTick(); await nextTick();
const target = document.querySelector('.shell-container') ?? document.body; const target = document.querySelector('.shell-container') ?? document.body;
const appBackground = getComputedStyle(document.documentElement)
.getPropertyValue('--app-color-on-primary')
.trim() || '#ffffff';
const canvas = await html2canvas(target, { const canvas = await html2canvas(target, {
backgroundColor: 'var(--app-color-on-primary)', backgroundColor: appBackground,
height: window.innerHeight, height: window.innerHeight,
ignoreElements: element => element.dataset?.feedbackUi === 'true', ignoreElements: element => element.dataset?.feedbackUi === 'true',
scale: Math.min(window.devicePixelRatio || 1, 2), scale: Math.min(window.devicePixelRatio || 1, 2),

View File

@@ -214,7 +214,7 @@
v-else v-else
class="report-table" class="report-table"
> >
<v-btn variant="text" :ripple="false" <button
v-for="report in feedbackStore.filteredReports" v-for="report in feedbackStore.filteredReports"
:key="report.id" :key="report.id"
class="report-row" class="report-row"
@@ -263,7 +263,7 @@
/> />
</small> </small>
</span> </span>
</v-btn> </button>
<div <div
v-if="!feedbackStore.filteredReports.length" v-if="!feedbackStore.filteredReports.length"

View File

@@ -126,7 +126,7 @@
v-else v-else
class="report-list" class="report-list"
> >
<v-btn variant="text" :ripple="false" <button
v-for="report in feedbackStore.filteredReports" v-for="report in feedbackStore.filteredReports"
:key="report.id" :key="report.id"
class="report-row" class="report-row"
@@ -160,7 +160,7 @@
<span>{{ t('feedback.review.lastActivity') }}</span> <span>{{ t('feedback.review.lastActivity') }}</span>
<strong>{{ formatDate(report.lastActivityAt) }}</strong> <strong>{{ formatDate(report.lastActivityAt) }}</strong>
</span> </span>
</v-btn> </button>
<div <div
v-if="!feedbackStore.filteredReports.length" v-if="!feedbackStore.filteredReports.length"