* wip: roadmap chat * wip * wip * wip * wip * wip: message rendering * wip: roadmap topics rendering * Update UI for premium page * Update UI for premium page * wip: topic resources rendering * Update premium page design * Update navigation design * Update design for play iconsg * Update design for play iconsg * wip: resource progress * Update premium page * Refactor premium page * wip: resource progress * feat: enhance the progress rendering * feat: add abort functionality to chat and update UI elements * feat: add roadmap recommendations feature and new query for built-in roadmaps * Grid -> flex * Update chat * Handle error screen * wip * fix: empty content check * feat: show loading status * feat: ai chat limit * Refactor content parsing * Handle the wrapping of tag in codeblocks * Refactor * Refactor chat * Fix hydration error * feat: topic details * style: adjust padding and icon size in RoadmapAIChat component * feat: add tab navigation for chat and topic details * fix: chat and details scrolling issue * fix: invalidate progress query * Fix upgrade modal and issue with close button * Refactor topic detail AI * Update progress UI * Shorten the text * Rewrite frontend roadmap content * Minor update to content * Update shrinking issue * Changes to ai chat * UI changes for chat card * UI changes for chat card * Refactor progress actions list * Update progress marking UI * UI Changes * Responsiveness of sidebar * Responsiveness of sidebar * Mobile window for roadmap chat * Responsiveness of AI chat * Close button fix * Make roadmap ai chat header responsive * Escape key handling to close * Update topic rendering node * Make default active tab to AI in topic popup * User progress component * Clear chat only visible when there is chat * wip: user persona * fix: hide upgrade button * fix: show chat input for guest users * feat: persona update * Roadmap recommendations * Update persona form * Update tell us more * Fix persona form * Fix scroll issue * Lock body scroll when mobile is active * Add intro message * Refactor and update * Update UI for AI chat --------- Co-authored-by: Kamran Ahmed <kamranahmed.se@gmail.com>
69 lines
1.4 KiB
CSS
69 lines
1.4 KiB
CSS
svg text tspan {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-rendering: optimizeSpeed;
|
|
}
|
|
|
|
svg > g[data-type='topic'],
|
|
svg > g[data-type='subtopic'],
|
|
svg g[data-type='link-item'],
|
|
svg > g[data-type='button'],
|
|
svg > g[data-type='resourceButton'],
|
|
svg > g[data-type='todo-checkbox'],
|
|
svg > g[data-type='todo'],
|
|
svg > g[data-type='checklist'] > g[data-type='checklist-item'] > rect {
|
|
cursor: pointer;
|
|
}
|
|
|
|
svg > g[data-type='topic']:hover > rect {
|
|
fill: var(--hover-color);
|
|
}
|
|
|
|
svg > g[data-type='subtopic']:hover > rect {
|
|
fill: var(--hover-color);
|
|
}
|
|
svg g[data-type='button']:hover,
|
|
svg g[data-type='link-item']:hover,
|
|
svg g[data-type='resourceButton']:hover,
|
|
svg g[data-type='todo-checkbox']:hover {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
svg g[data-type='checklist'] > g[data-type='checklist-item'] > rect:hover {
|
|
fill: #cbcbcb !important;
|
|
}
|
|
|
|
svg .done rect {
|
|
fill: #cbcbcb !important;
|
|
}
|
|
|
|
svg .done text,
|
|
svg .skipped text {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
svg > g[data-type='topic'].learning > rect + text,
|
|
svg > g[data-type='topic'].done > rect + text {
|
|
fill: black;
|
|
}
|
|
|
|
svg .done text[fill='#ffffff'] {
|
|
fill: black;
|
|
}
|
|
|
|
svg > g[data-type='subtipic'].done > rect + text,
|
|
svg > g[data-type='subtipic'].learning > rect + text {
|
|
fill: #cbcbcb;
|
|
}
|
|
|
|
svg .learning rect {
|
|
fill: #dad1fd !important;
|
|
}
|
|
svg .learning text {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
svg .skipped rect {
|
|
fill: #496b69 !important;
|
|
}
|