Add community shortcut to lesson sidebar; v1.2.7
Adds a "Discuss this lesson" link in the classroom sidebar that takes the user directly to the community page pre-filtered to the current lesson's sectionId, so they can jump into discussion without navigating back to the study index first. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
1 parent
49e3a80c2c
commit
53e200174f
3 files changed
+20
-1
No files matched your search
@@ -12620,3 +12620,11 @@
|
||||
.community-compose-card { padding: 0.9rem 1rem; }
|
||||
.community-post-card { gap: 0.55rem; padding: 0.85rem 0; }
|
||||
}
|
||||
|
||||
/* ── Community sidebar shortcut ─────────────────────────────────────────── */
|
||||
.study-class-side-block--community { padding: 0; border: 1px solid rgba(201,168,76,0.2); border-radius: 10px; overflow: hidden; }
|
||||
.study-community-shortcut { display: flex; align-items: center; gap: 0.6rem; padding: 0.75rem 1rem; color: var(--brand-gold, #c9a84c); font-size: 0.9rem; font-weight: 600; text-decoration: none; background: rgba(201,168,76,0.05); transition: background 0.15s; }
|
||||
.study-community-shortcut:hover { background: rgba(201,168,76,0.12); }
|
||||
.study-community-shortcut-icon { width: 16px; height: 16px; fill: currentColor; flex-shrink: 0; }
|
||||
.study-community-shortcut-arrow { margin-left: auto; opacity: 0.6; transition: transform 0.15s; }
|
||||
.study-community-shortcut:hover .study-community-shortcut-arrow { transform: translateX(3px); opacity: 1; }
|
||||
@@ -2266,6 +2266,17 @@ export function ColossiansStudySectionPage({ content }: Props) {
|
||||
)}
|
||||
</article>
|
||||
|
||||
{/* Community shortcut */}
|
||||
{isEnrolled && (
|
||||
<article className="study-class-side-block study-class-side-block--community">
|
||||
<Link to={`/study/${study.slug}/community?sectionId=${section.id}`} className="study-community-shortcut">
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true" className="study-community-shortcut-icon"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z" /></svg>
|
||||
<span>Discuss this lesson</span>
|
||||
<span className="study-community-shortcut-arrow">→</span>
|
||||
</Link>
|
||||
</article>
|
||||
)}
|
||||
|
||||
{/* Greek Word Study */}
|
||||
{section.greekNotes.length > 0 && (
|
||||
<article className="study-class-side-block">
|
||||
|
||||
Reference in new issue
Block a user