From 1702212982b8d52af93fee070c11c8f8fb398e87 Mon Sep 17 00:00:00 2001
From: "Ella E." <ella@discourse.org>
Date: Sun, 19 Jan 2025 22:06:09 -0700
Subject: [PATCH] FIX: Adjust grid-template-columns to prevent text overflow
 (#30864)

### What's changed?
Added `minmax(0, 1fr)` to `grid-template-columns` to ensure the second
column can shrink to fit within the container, avoiding overflow in
smaller viewports or when the container width is limited.

### Before
<img width="489" alt="image"
src="https://github.com/user-attachments/assets/047acba2-6ce7-444e-9ef1-867d3643ee45"
/>

### After
<img width="489" alt="image"
src="https://github.com/user-attachments/assets/b5485746-8dac-422d-ba35-ab819ef78c5d"
/>
---
 app/assets/stylesheets/common/base/onebox.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/common/base/onebox.scss b/app/assets/stylesheets/common/base/onebox.scss
index 5fd8bb79a48..e215c0c8330 100644
--- a/app/assets/stylesheets/common/base/onebox.scss
+++ b/app/assets/stylesheets/common/base/onebox.scss
@@ -435,12 +435,12 @@ pre.onebox code {
       "icon branches"
       "icon info"
       "body body";
-    grid-template-columns: 2.5em 1fr;
+    grid-template-columns: 2.5em minmax(0, 1fr);
     gap: 0.25em 0.75em;
 
     @include breakpoint(mobile-extra-large) {
       gap: 0.25em 0.5em;
-      grid-template-columns: 1.5em 1fr;
+      grid-template-columns: 1.5em minmax(0, 1fr);
       grid-template-areas:
         "icon title"
         "branches branches"