From 7d3f99c7b817678a18ee49361cdfe3d48699805e Mon Sep 17 00:00:00 2001 From: samuelbiasgit Date: Sun, 6 Sep 2026 05:42:27 +0200 Subject: [PATCH] =?UTF-8?q?dashboard=20-=20thinner=20border=20around=20Aus?= =?UTF-8?q?h=C3=A4nge,=20no=20loading=20animation=20if=20all=20Aush=C3=A4n?= =?UTF-8?q?ge=20fit=20in=20one=20view?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/intranet_repo/projects/dashboard/dashboard.js | 5 +++-- web/intranet_repo/projects/dashboard/stylo.css | 4 ++-- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/web/intranet_repo/projects/dashboard/dashboard.js b/web/intranet_repo/projects/dashboard/dashboard.js index dff5578..a1f1967 100644 --- a/web/intranet_repo/projects/dashboard/dashboard.js +++ b/web/intranet_repo/projects/dashboard/dashboard.js @@ -203,9 +203,10 @@ clearTimeout(this.timer); if (!this.rotate) return; const duration = this.items.length ? config.POSTER_MIN_DWELL_TIME_S * 1000 : config.EMPTY_REFRESH_MS; + const changing = this.items.length && this.layout().groups.length > 1; this.progressAnimation?.cancel(); - this.progress.toggleAttribute('hidden', !this.items.length); - if (this.items.length) { + this.progress.toggleAttribute('hidden', !changing); + if (changing) { this.progressAnimation = this.progress.querySelector('.poster-progress-value').animate( [{ strokeDashoffset: 100 }, { strokeDashoffset: 0 }], { duration, easing: 'linear', fill: 'forwards' }); diff --git a/web/intranet_repo/projects/dashboard/stylo.css b/web/intranet_repo/projects/dashboard/stylo.css index f00e155..3dec007 100644 --- a/web/intranet_repo/projects/dashboard/stylo.css +++ b/web/intranet_repo/projects/dashboard/stylo.css @@ -35,7 +35,7 @@ body.dashboard { padding: var(--space-sm); } #month-panel { grid-area: month; --panel-accent: var(--nak-purple); } -#poster-panel { grid-area: posters; --panel-accent: var(--nak-orange); --poster-frame-width: 2px; } +#poster-panel { grid-area: posters; --panel-accent: var(--nak-orange); --poster-frame-width: 1px; } #announcements-panel { --panel-accent: var(--nak-teal); } .dashboard-column { display: grid; gap: var(--space-sm); min-height: 0; min-width: 0; } .announcements-column { grid-area: announcements; grid-template-rows: auto minmax(0, 1fr); } @@ -63,7 +63,7 @@ body.dashboard { .image-sheet { display: flex; justify-content: center; align-items: center; gap: var(--space-sm); width: 100%; height: 100%; min-height: 0; } #month-panel .image-sheet { align-items: flex-start; gap: calc(4 * var(--dashboard-unit)); } .image-cell { margin: 0; min-height: 0; min-width: 0; flex: 0 0 auto; } -.poster-document { display: flex; flex: 0 0 auto; gap: 0; background: #fff; border: var(--poster-frame-width) solid var(--gray-500); } +.poster-document { display: flex; flex: 0 0 auto; gap: 0; background: #fff; border: var(--poster-frame-width) solid var(--gray-300); } .image-cell img { display: block; width: 100%; height: 100%; object-fit: contain; } .image-cell.is-cropped { position: relative; overflow: hidden; } .image-cell.is-cropped img { position: absolute; max-width: none; } -- 2.54.0