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; }