css constraints for thoughts p
3clyp50 committed
Jan 28, 2026 at 16:44 UTC
0f82977c464bb63e8d6880dbbfbe78a74be6f8c5
1 file changed
+16
-1
webui/components/messages/process-group/process-group.css
+16
-1
@@ -415,6 +415,7 @@
415
overflow: hidden;
416
text-overflow: ellipsis;
417
margin-left: var(--spacing-xs);
418
+ min-width: 0;
419
}
420
421
/* Step expand icon - CSS triangle (no Material Icons) */
@@ -453,6 +454,7 @@
454
scrollbar-width: none; /* Firefox */
455
-ms-overflow-style: none; /* IE/Edge */
456
overscroll-behavior: contain; /* avoid scroll chaining */
457
+ max-width: 100%;
458
}
459
460
.process-step:not(.expanded) > .process-step-detail {
@@ -508,6 +510,8 @@
510
font-size: var(--font-size-xs);
511
line-height: 1.5;
512
overflow-y: auto;
513
+ overflow-x: hidden;
514
+ max-width: 100%;
515
-webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
516
scrollbar-width: none; /* Firefox */
517
-ms-overflow-style: none; /* IE/Edge */
@@ -527,7 +531,7 @@
531
/* KVPs in step detail - CSS Grid for aligned columns */
532
.process-step-detail-scroll .step-kvps {
533
display: grid;
530
- grid-template-columns: auto 1fr;
534
+ grid-template-columns: auto minmax(0, 1fr);
535
gap: var(--spacing-xs) var(--spacing-sm);
536
align-items: start;
537
}
@@ -543,6 +547,7 @@
547
display: flex;
548
align-items: center;
549
justify-content: end;
550
+ white-space: nowrap;
551
}
552
553
.process-step-detail-scroll .step-kvp-key .material-symbols-outlined {
@@ -554,9 +559,17 @@
559
/* color: var(--color-text); */
560
opacity: 0.85;
561
word-break: break-word;
562
+ overflow-wrap: anywhere;
563
white-space: pre-wrap;
564
font-size: 0.75rem;
565
line-height: 1.5;
566
+ min-width: 0;
567
+}
568
+
569
+.process-step-detail-scroll .step-kvp-value p {
570
+ margin: 0;
571
+ word-break: break-word;
572
+ overflow-wrap: anywhere;
573
}
574
575
@@ -769,6 +782,8 @@
782
color: var(--color-text);
783
opacity: 0.9;
784
margin: var(--spacing-xs) 0;
785
+ word-break: break-word;
786
+ overflow-wrap: anywhere;
787
}
788
789
.process-step-detail-scroll .step-response-content p {