dashboard - thinner border around Aushänge, no loading animation if all Aushänge fit in one view
This commit is contained in:
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user