Let narrative text span the full container width on every page

The shared .drill-view .narrative rule capped text at 60ch, which only
Conferences had overridden with max-width: none. Removed the cap globally
instead of overriding it per-view, and dropped the now-unneeded Conferences
override. Also removes the leftover "[Placeholder narrative — edit me.]"
markers from Marketing, Social Media, Sales, and Market Intelligence.
This commit is contained in:
beantownbabe committed 2026-08-21 09:48:18 +02:00
1 parent 6d0bb6d7a7
commit 52328cfd71
1 file changed
+5 -6
+5 -6
View File
@@ -324,9 +324,8 @@
.drill-view h2 { margin: 0 0 12px; font-size: 1.3rem; font-weight: 800; color: #1b3a5c; }
.drill-view .narrative {
font-size: 0.95rem; line-height: 1.65; color: #3d4c5c;
max-width: 60ch; margin: 0 0 24px;
max-width: none; margin: 0 0 24px;
}
.drill-view[data-view="conferences"] .narrative { max-width: none; }
.drill-actions { display: flex; align-items: center; gap: 12px; }
.drill-next, .drill-back {
font-family: inherit; font-size: 0.85rem; font-weight: 700; cursor: pointer;
@@ -4492,12 +4491,12 @@
<div class="drill-view active" data-view="marketing-root">
<h2>Marketing</h2>
<p class="narrative">Marketing covers every channel TXproducts uses to reach an audience and build the brand. Today that's Social Media, reachable from the dropdown above; more channels (content, events, campaigns) will land here as the department grows. [Placeholder narrative — edit me.]</p>
<p class="narrative">Marketing covers every channel TXproducts uses to reach an audience and build the brand. Today that's Social Media, reachable from the dropdown above; more channels (content, events, campaigns) will land here as the department grows.</p>
</div>
<div class="drill-view" data-view="linkedin">
<h2>LinkedIn</h2>
<p class="narrative">Follower growth, content performance, and visitor traffic for the TXproducts LinkedIn Page — the full breakdown lives in its own dashboard, built and maintained separately. [Placeholder narrative — edit me.]</p>
<p class="narrative">Follower growth, content performance, and visitor traffic for the TXproducts LinkedIn Page — the full breakdown lives in its own dashboard, built and maintained separately.</p>
<div class="drill-actions">
<button class="drill-back" data-target="marketing-root">← Marketing</button>
<a class="open-link" href="http://localhost:8051" target="_blank" rel="noopener">Open Dash ↗</a>
@@ -4530,7 +4529,7 @@
<div class="drill-view active" data-view="sales-root">
<h2>Sales</h2>
<p class="narrative">Sales is where research turns into contracts. Today that's the Market Intelligence research; the Address Book (outreach board) will land here too once it's built. [Placeholder narrative — edit me.]</p>
<p class="narrative">Sales is where research turns into contracts. Today that's the Market Intelligence research; the Address Book (outreach board) will land here too once it's built.</p>
<div class="drill-actions">
<button class="drill-next" data-target="market-intelligence">Market Intelligence →</button>
</div>
@@ -4538,7 +4537,7 @@
<div class="drill-view" data-view="market-intelligence">
<h2>Market Intelligence</h2>
<p class="narrative">Competitor profiles, prospect pitch angles, and sourced market research that inform outreach messaging and hesitations — the full research lives in its own site, built and maintained separately. [Placeholder narrative — edit me.]</p>
<p class="narrative">Competitor profiles, prospect pitch angles, and sourced market research that inform outreach messaging and hesitations — the full research lives in its own site, built and maintained separately.</p>
<div class="drill-actions">
<button class="drill-back" data-target="sales-root">← Sales</button>
<a class="open-link" href="market-intelligence/index.html" target="_blank" rel="noopener">Open Market Intelligence ↗</a>