Remove scrollbars: content wraps and boxes expand to fit

- Change overflow-x from auto to visible in table wrapper
- Allow text wrapping in table cells instead of ellipsis truncation
- Remove min-width constraints that forced horizontal scrolling
- Change textarea white-space from pre to pre-wrap
- Remove fixed min-height on ticket container and description
- Update mobile styles to wrap content instead of scroll

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-31 10:36:56 -05:00
parent 2657e86d24
commit 7a6e7ea2b0
4 changed files with 36 additions and 29 deletions

View File

@@ -115,9 +115,8 @@
/* Base Layout Components - TERMINAL STYLE */
.ticket-container {
width: 90%;
height: auto !important;
min-height: 900px !important;
min-width: 800px;
height: auto;
min-height: auto;
max-width: 1800px;
margin: 40px auto;
padding: 0;
@@ -128,6 +127,8 @@
transition: border-color 0.3s ease;
position: relative;
font-family: var(--font-mono);
word-wrap: break-word;
overflow-wrap: break-word;
}
/* Compatibility with ascii-frame-outer - remove duplicate corners */
@@ -516,16 +517,19 @@ input.editable {
textarea.editable {
width: 100%;
min-height: 800px !important;
height: auto !important;
white-space: pre;
min-height: 200px;
height: auto;
white-space: pre-wrap;
word-wrap: break-word;
overflow-wrap: break-word;
font-family: var(--font-mono);
line-height: 1.2;
line-height: 1.4;
resize: vertical;
}
#description-tab {
min-height: 850px !important;
height: auto !important;
min-height: auto;
height: auto;
padding-bottom: 20px;
}