fix: revert purple accents, move stats/tags into grid main column, shrink sidebar to 16rem, right-align ToC, fix stray CSS brace

This commit is contained in:
jlightner 2026-04-03 07:39:28 +00:00
parent ffd50a76df
commit 71183639ea
2 changed files with 119 additions and 118 deletions

View file

@ -1845,8 +1845,8 @@ a.app-footer__repo:hover {
.technique-columns { .technique-columns {
display: grid; display: grid;
grid-template-columns: 1fr 22rem; grid-template-columns: 1fr 16rem;
gap: 2rem; gap: 1.5rem;
align-items: start; align-items: start;
} }
@ -1861,6 +1861,7 @@ a.app-footer__repo:hover {
top: 3.5rem; /* below sticky title bar */ top: 3.5rem; /* below sticky title bar */
max-height: calc(100vh - 4rem); max-height: calc(100vh - 4rem);
overflow-y: auto; overflow-y: auto;
margin-left: auto; /* right-align within column */
} }
@media (max-width: 768px) { @media (max-width: 768px) {
@ -2108,7 +2109,7 @@ a.app-footer__repo:hover {
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.04em; letter-spacing: 0.04em;
color: #c084fc; color: var(--color-text-secondary);
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }

View file

@ -314,6 +314,19 @@ export default function TechniquePage() {
</div> </div>
</div> </div>
{/* Report modal */}
{showReport && (
<ReportIssueModal
contentType="technique_page"
contentId={technique.id}
contentTitle={technique.title}
onClose={() => setShowReport(false)}
/>
)}
{/* Two-column layout: main content + ToC sidebar */}
<div className="technique-columns">
<div className="technique-columns__main">
{/* Stats + version switcher */} {/* Stats + version switcher */}
<div className="technique-header__stats"> <div className="technique-header__stats">
{(() => { {(() => {
@ -413,16 +426,6 @@ export default function TechniquePage() {
</div> </div>
)} )}
{/* Report modal */}
{showReport && (
<ReportIssueModal
contentType="technique_page"
contentId={technique.id}
contentTitle={technique.title}
onClose={() => setShowReport(false)}
/>
)}
{/* Tags + plugin pills */} {/* Tags + plugin pills */}
{((displayTags && displayTags.length > 0) || (displayPlugins && displayPlugins.length > 0)) && ( {((displayTags && displayTags.length > 0) || (displayPlugins && displayPlugins.length > 0)) && (
<div className="technique-main__tags"> <div className="technique-main__tags">
@ -439,9 +442,6 @@ export default function TechniquePage() {
</div> </div>
)} )}
{/* Two-column layout: main content + ToC sidebar */}
<div className="technique-columns">
<div className="technique-columns__main">
{/* Summary */} {/* Summary */}
{displaySummary && ( {displaySummary && (
<section className="technique-summary"> <section className="technique-summary">