Some **MANUAL** 😱 CSS changes

This commit is contained in:
2025-10-10 21:14:50 +01:00
parent 3ba737eb03
commit d721ca1758
3 changed files with 9 additions and 8 deletions

View File

@@ -19,7 +19,7 @@ export function renderAccess(access: RegisterAccess, extraNotes: Note[] = []) {
const renderTooltip = (notes: Note[]) => ( const renderTooltip = (notes: Note[]) => (
<Tooltip id="tooltip"> <Tooltip id="tooltip">
{notes.map((note, index) => ( {notes.map((note, index) => (
<div key={index}><code>{note.ref}</code> {note.text}</div> <div key={index}><span className="footnote-anchor">{note.ref}</span> {note.text}</div>
))} ))}
</Tooltip> </Tooltip>
); );
@@ -60,7 +60,7 @@ export function renderAccess(access: RegisterAccess, extraNotes: Note[] = []) {
</Table> </Table>
} }
{access.notes.map((note, index) => ( {access.notes.map((note, index) => (
<p key={index} className="small text-muted">{note.ref} {note.text}</p> <p key={index} className="small text-muted"><span className="footnote-anchor">{note.ref}</span> {note.text}</p>
))} ))}
</> </>
); );

View File

@@ -19,8 +19,6 @@ export default function RegisterDetail({
}) { }) {
const [showSource, setShowSource] = useState(false); const [showSource, setShowSource] = useState(false);
console.log("RENDERING: ", register.name, "FROM", register);
return ( return (
<Col key={register.hex_address} xs={12} className="mb-4"> <Col key={register.hex_address} xs={12} className="mb-4">
<Card> <Card>
@@ -63,7 +61,7 @@ export default function RegisterDetail({
</div> </div>
))} ))}
{register.notes && register.notes.map((note, index) => ( {register.notes && register.notes.map((note, index) => (
<p key={index} className="small text-muted">{note.ref}: {note.text}</p> <p key={index} className="small text-muted"><span className="footnote-anchor">{note.ref}</span> {note.text}</p>
))} ))}
{register.text && register.text.length > 0 && ( {register.text && register.text.length > 0 && (
<div className="mt-3"> <div className="mt-3">

View File

@@ -1,13 +1,16 @@
.footnote-ref { .footnote-anchor {
cursor: pointer;
color: $secondary; color: $secondary;
margin-left: 4px; margin-left: 4px;
font-weight: bold; font-weight: bold;
} }
.footnote-ref {
@extend .footnote-anchor;
cursor: pointer;
}
.bits-table th:first-child, .bits-table th:first-child,
.bits-table td:first-child { .bits-table td:first-child {
width: 120px; width: 60px;
} }
.bits-table td:last-child { .bits-table td:last-child {