backupchecks/containers/backupchecks/src/static/css/layout.css

37 lines
813 B
CSS

/* Global layout constraints
- Consistent content width across all pages
- Optimized for 1080p while preventing further widening on higher resolutions
*/
/* Default pages: use more horizontal space on 1920x1080 */
main.content-container {
width: min(96vw, 1840px);
max-width: 1840px;
}
/* Dashboard: keep the original width */
main.dashboard-container {
width: min(90vw, 1728px);
max-width: 1728px;
}
/* Prevent long detail values (e.g., email addresses) from overlapping other fields */
.dl-compact dt {
white-space: nowrap;
}
.dl-compact .ellipsis-field {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
}
.dl-compact .ellipsis-field.is-expanded {
overflow: visible;
text-overflow: clip;
white-space: normal;
cursor: text;
}