Align study export action with summary
This commit is contained in:
@@ -482,9 +482,11 @@ function renderStudies() {
|
||||
<span class="study-patient" title="${escapeHtml(`${name} · ${study.patient_id || "无ID"}`)}">${escapeHtml(name)} · ${escapeHtml(study.patient_id || "无ID")}</span>
|
||||
<div class="study-meta">
|
||||
<span title="${escapeHtml(studyDateTime)}">${escapeHtml(studyDateTime)}</span>
|
||||
<span title="${escapeHtml(annotationSummary)}">${escapeHtml(annotationSummary)}</span>
|
||||
<div class="study-summary-line">
|
||||
<span title="${escapeHtml(annotationSummary)}">${escapeHtml(annotationSummary)}</span>
|
||||
${exportControls}
|
||||
</div>
|
||||
</div>
|
||||
${exportControls}
|
||||
`;
|
||||
card.onclick = () => selectStudy(study.ct_number);
|
||||
card.onkeydown = (event) => {
|
||||
|
||||
@@ -376,7 +376,7 @@ button:disabled {
|
||||
.study-card {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 12px 44px 42px 12px;
|
||||
padding: 12px;
|
||||
margin-bottom: 10px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 8px;
|
||||
@@ -491,14 +491,29 @@ button:disabled {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.study-summary-line {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.study-summary-line:has(.study-export-btn) {
|
||||
grid-template-columns: minmax(0, 1fr) 28px;
|
||||
}
|
||||
|
||||
.study-summary-line .study-export-btn {
|
||||
justify-self: end;
|
||||
}
|
||||
|
||||
.study-export-btn {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
height: 24px;
|
||||
width: 28px;
|
||||
min-width: 28px;
|
||||
height: 28px;
|
||||
display: inline-grid;
|
||||
place-items: center;
|
||||
border: 1px solid var(--stroke);
|
||||
border-radius: 999px;
|
||||
border-radius: 50%;
|
||||
background: rgba(21, 28, 39, 0.92);
|
||||
color: #dbe8ff;
|
||||
font-size: 11px;
|
||||
@@ -506,13 +521,6 @@ button:disabled {
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.study-export-btn {
|
||||
right: 10px;
|
||||
width: 28px;
|
||||
min-width: 28px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.study-export-btn:hover {
|
||||
border-color: rgba(25, 212, 194, 0.68);
|
||||
color: #baf8ee;
|
||||
|
||||
Reference in New Issue
Block a user