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