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:
1 parent
6d0bb6d7a7
commit
52328cfd71
1 file changed
+5
-6
+5
-6
@@ -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>
|
||||
|
||||
Reference in new issue
Block a user