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

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