revert(ui): move Doctor trigger back to the page toolbar

Undo the Doctor relocation from fe160134 while keeping that commit's
unrelated header changes (full-width header, 32px click targets,
role/tabindex plus Enter/Space activation).

- Restore the .doctor-control-group button in controls.html
- Drop the .doctor-toggle icon and the hamburger menu entry from the header
- Remove the Header.js 'doctor' dropdown action forwarding to the button
- Drop the header-scoped doctor-toggle styles
- Restore the .doctor-trigger styles (desktop and mobile) in doctor-modal.css
This commit is contained in:
Will Miao
2026-09-13 08:13:55 +08:00
parent f3b3393a16
commit 0e789cb38c
5 changed files with 26 additions and 38 deletions
-21
View File
@@ -349,27 +349,6 @@
transform: translateY(-2px);
}
/* Doctor trigger in the header: accent-tinted icon with the status badge
pinned to the corner like the other header badges. */
.header-controls .doctor-toggle i {
color: var(--lora-accent);
}
.header-controls .doctor-toggle:hover i {
color: inherit;
}
.header-controls .doctor-status-badge {
position: absolute;
top: -6px;
right: -6px;
min-width: 16px;
height: 16px;
padding: 0 4px;
font-size: 10px;
border: 2px solid var(--card-bg);
}
.theme-toggle {
position: relative;
}
@@ -1,3 +1,13 @@
.doctor-trigger {
min-width: 120px;
position: relative;
border-color: color-mix(in srgb, var(--lora-accent) 24%, var(--border-color));
}
.doctor-trigger i {
color: var(--lora-accent);
}
.doctor-status-badge {
display: inline-flex;
align-items: center;
@@ -237,6 +247,15 @@
}
@media (max-width: 760px) {
.doctor-trigger {
min-width: auto;
padding-inline: 10px;
}
.doctor-trigger span:not(.doctor-status-badge) {
display: none;
}
.doctor-hero,
.doctor-footer {
flex-direction: column;