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:
@@ -1434,6 +1434,8 @@ th, td {
|
||||
border: 1px solid var(--terminal-green);
|
||||
color: var(--terminal-green);
|
||||
font-family: var(--font-mono);
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
th {
|
||||
@@ -4098,7 +4100,7 @@ tr:hover .quick-actions {
|
||||
|
||||
/* ===== TABLE OVERFLOW FIX ===== */
|
||||
.ascii-content {
|
||||
overflow-x: auto;
|
||||
overflow-x: visible;
|
||||
}
|
||||
|
||||
/* Reduce column widths for better fit */
|
||||
@@ -4108,11 +4110,12 @@ table td {
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
/* Make title column wrap if needed */
|
||||
/* Title column wraps to new lines */
|
||||
table td:nth-child(4) {
|
||||
max-width: 180px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 250px;
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
/* ===== TICKET LINK REFERENCES IN COMMENTS ===== */
|
||||
@@ -4271,10 +4274,9 @@ table td:nth-child(4) {
|
||||
|
||||
/* ===== ENHANCED MOBILE RESPONSIVE STYLES ===== */
|
||||
|
||||
/* Table wrapper for horizontal scrolling */
|
||||
/* Table wrapper - no horizontal scrolling, content wraps */
|
||||
.table-wrapper {
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow-x: visible;
|
||||
margin: 0 -0.5rem;
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
@@ -5040,12 +5042,12 @@ table td:nth-child(4) {
|
||||
|
||||
.table-wrapper {
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow-x: visible;
|
||||
}
|
||||
|
||||
.table-wrapper table {
|
||||
min-width: 700px;
|
||||
min-width: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table {
|
||||
@@ -5055,7 +5057,8 @@ table td:nth-child(4) {
|
||||
table th,
|
||||
table td {
|
||||
padding: 0.75rem 0.5rem;
|
||||
white-space: nowrap;
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/* Make ticket ID and title columns wider */
|
||||
|
||||
Reference in New Issue
Block a user