vrr/CodeNomad
2
0
Fork 0
mirror of https://github.com/NeuralNomadsAI/CodeNomad.git synced 2026-07-10 00:14:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix(ui): base timeline width on center pane

Browse source 
Move the compact timeline width rule from viewport media queries to the session-center narrow width step. This keeps the timeline compact when the chat pane is narrow due to side panels, even on wide desktop viewports.

Validation: npm run typecheck --workspace @codenomad/ui
This commit is contained in:
Shantur Rathore 2026-05-12 13:14:50 +01:00
parent d9af413932
commit 533ccacd69
1 changed files with 7 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

18
packages/ui/src/styles/messaging/message-timeline.css
View file

@ -26,14 +26,12 @@
pointer-events: none;
}
@media (max-width: 720px) {
.message-layout--with-timeline {
grid-template-columns: minmax(0, 1fr) 40px;
}
.session-center-column[data-session-center-width="narrow"] .message-layout--with-timeline {
grid-template-columns: minmax(0, 1fr) 40px;
}
.message-layout--with-timeline::after {
inset-inline-end: 40px;
}
.session-center-column[data-session-center-width="narrow"] .message-layout--with-timeline::after {
inset-inline-end: 40px;
}
.message-stream-shell {
@ -59,10 +57,8 @@
}
@media (max-width: 720px) {
.message-timeline-sidebar {
width: 40px;
}
.session-center-column[data-session-center-width="narrow"] .message-timeline-sidebar {
width: 40px;
}
.message-timeline {