feat: add contact section and smooth lesson transitions
- Add contact section to help dialog with librete.ch, GitHub, Gitea, LinkedIn links - Add HTML/CSS prefixes to English module titles for consistency with German - Add CSS transitions for smooth lesson switching - Add transitioning class to prevent content flash during lesson changes
This commit is contained in:
13
src/main.css
13
src/main.css
@@ -228,6 +228,19 @@ code, kbd {
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
/* Smooth lesson transition */
|
||||
#lesson-title,
|
||||
.lesson-description,
|
||||
.task-instruction {
|
||||
transition: opacity 0.1s ease;
|
||||
}
|
||||
|
||||
.editor-section.transitioning #lesson-title,
|
||||
.editor-section.transitioning .lesson-description,
|
||||
.editor-section.transitioning .task-instruction {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.module-pill {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
||||
Reference in New Issue
Block a user