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:
parent
ffd50a76df
commit
71183639ea
2 changed files with 119 additions and 118 deletions
|
|
@ -1845,8 +1845,8 @@ a.app-footer__repo:hover {
|
|||
|
||||
.technique-columns {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 22rem;
|
||||
gap: 2rem;
|
||||
grid-template-columns: 1fr 16rem;
|
||||
gap: 1.5rem;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
|
|
@ -1861,6 +1861,7 @@ a.app-footer__repo:hover {
|
|||
top: 3.5rem; /* below sticky title bar */
|
||||
max-height: calc(100vh - 4rem);
|
||||
overflow-y: auto;
|
||||
margin-left: auto; /* right-align within column */
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
|
|
@ -2108,7 +2109,7 @@ a.app-footer__repo:hover {
|
|||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.04em;
|
||||
color: #c084fc;
|
||||
color: var(--color-text-secondary);
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -314,6 +314,19 @@ export default function TechniquePage() {
|
|||
</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 */}
|
||||
<div className="technique-header__stats">
|
||||
{(() => {
|
||||
|
|
@ -413,16 +426,6 @@ export default function TechniquePage() {
|
|||
</div>
|
||||
)}
|
||||
|
||||
{/* Report modal */}
|
||||
{showReport && (
|
||||
<ReportIssueModal
|
||||
contentType="technique_page"
|
||||
contentId={technique.id}
|
||||
contentTitle={technique.title}
|
||||
onClose={() => setShowReport(false)}
|
||||
/>
|
||||
)}
|
||||
|
||||
{/* Tags + plugin pills */}
|
||||
{((displayTags && displayTags.length > 0) || (displayPlugins && displayPlugins.length > 0)) && (
|
||||
<div className="technique-main__tags">
|
||||
|
|
@ -439,9 +442,6 @@ export default function TechniquePage() {
|
|||
</div>
|
||||
)}
|
||||
|
||||
{/* Two-column layout: main content + ToC sidebar */}
|
||||
<div className="technique-columns">
|
||||
<div className="technique-columns__main">
|
||||
{/* Summary */}
|
||||
{displaySummary && (
|
||||
<section className="technique-summary">
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue