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 {
|
.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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue