NAK-Reinickendorf/intranet
2
0
Fork 0
Code Issues 2 Pull Requests Actions Projects 1 Wiki Activity

dashboard - thinner border around Aushänge, no loading animation if all Aushänge fit in one view #33

Merged
samuelbias merged 1 commits from feature/dashboard-rewrite-v2 into dev 2026-09-06 05:43:40 +02:00
Conversation 0 Commits 1 Files Changed 2
+5 -4
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/intranet_repo/projects/dashboard/dashboard.js
+3 -2
View File
@@ -203,9 +203,10 @@
clearTimeout(this.timer); clearTimeout(this.timer);
if (!this.rotate) return; if (!this.rotate) return;
const duration = this.items.length ? config.POSTER_MIN_DWELL_TIME_S * 1000 : config.EMPTY_REFRESH_MS; 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.progressAnimation?.cancel();
this.progress.toggleAttribute('hidden', !this.items.length); this.progress.toggleAttribute('hidden', !changing);
if (this.items.length) { if (changing) {
this.progressAnimation = this.progress.querySelector('.poster-progress-value').animate( this.progressAnimation = this.progress.querySelector('.poster-progress-value').animate(
[{ strokeDashoffset: 100 }, { strokeDashoffset: 0 }], [{ strokeDashoffset: 100 }, { strokeDashoffset: 0 }],
{ duration, easing: 'linear', fill: 'forwards' }); { duration, easing: 'linear', fill: 'forwards' });
web/intranet_repo/projects/dashboard/stylo.css
+2 -2
View File
@@ -35,7 +35,7 @@ body.dashboard {
padding: var(--space-sm); padding: var(--space-sm);
} }
#month-panel { grid-area: month; --panel-accent: var(--nak-purple); } #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); } #announcements-panel { --panel-accent: var(--nak-teal); }
.dashboard-column { display: grid; gap: var(--space-sm); min-height: 0; min-width: 0; } .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); } .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; } .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)); } #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; } .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 img { display: block; width: 100%; height: 100%; object-fit: contain; }
.image-cell.is-cropped { position: relative; overflow: hidden; } .image-cell.is-cropped { position: relative; overflow: hidden; }
.image-cell.is-cropped img { position: absolute; max-width: none; } .image-cell.is-cropped img { position: absolute; max-width: none; }