Joseph Doherty
41 lines
1.3 KiB
CSS
41 lines
1.3 KiB
CSS
/* Execution-Tree Node Detail Modal (Task 3).
|
|
The modal/backdrop base classes come from Bootstrap; this is hand-rolled
|
|
(no bootstrap.bundle.js modal API), so the backdrop needs an explicit
|
|
stacking context and the dialog a comfortable max width. The per-row detail
|
|
body styles travel with AuditEventDetail.razor.css. */
|
|
|
|
/* Bootstrap's .modal-backdrop sits below .modal by default; with the hand-
|
|
rolled approach we render both as siblings, so pin the dialog above it. */
|
|
.execution-detail-modal {
|
|
z-index: 1055;
|
|
}
|
|
|
|
/* The audit detail body can carry larger JSON/SQL payloads — a slightly wider
|
|
dialog than the Bootstrap default keeps those readable. Clamp to the
|
|
viewport so narrow windows still get the close button on screen. */
|
|
.execution-detail-modal .modal-dialog {
|
|
max-width: min(720px, 95vw);
|
|
}
|
|
|
|
/* Row-list buttons: a calm hover lift and a fixed-width status badge so the
|
|
Kind / Target columns align down the list. */
|
|
.execution-detail-row-list .list-group-item-action {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.execution-detail-status {
|
|
flex-shrink: 0;
|
|
min-width: 5.5rem;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Keep the back-to-list affordance quiet — it is navigation chrome, not a
|
|
primary action. */
|
|
.execution-detail-back-link {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.execution-detail-back-link:hover {
|
|
text-decoration: underline;
|
|
}
|