Fix mobile compaction modal spacing
Reset inherited mobile white-space inside the chat compaction modal so template indentation does not render as large vertical gaps. Constrain the custom dialog body and raise the overlay above the mobile canvas rail.
Alessandro committed
Jun 23, 2026 at 19:58 UTC
f051d6580f05651b5ff7082376121b5f00c0c15a
1 file changed
+10
-1
plugins/_chat_compaction/extensions/webui/chat-input-bottom-actions-start/compact-button.html
+10
-1
@@ -127,7 +127,8 @@
127
display: flex;
128
align-items: center;
129
justify-content: center;
130
- z-index: 2002;
130
+ z-index: 5002;
131
+ white-space: normal;
132
}
133
134
.cmpct-dialog {
@@ -136,7 +137,11 @@
137
box-shadow: 0 4px 23px rgba(0, 0, 0, 0.3);
138
width: 90%;
139
max-width: 560px;
140
+ max-height: calc(100vh - 24px);
141
overflow: hidden;
142
+ display: flex;
143
+ flex-direction: column;
144
+ white-space: normal;
145
}
146
147
.cmpct-header {
@@ -170,6 +175,8 @@
175
176
.cmpct-body {
177
padding: 20px;
178
+ min-height: 0;
179
+ overflow-y: auto;
180
}
181
182
.cmpct-desc {
@@ -314,9 +321,11 @@
321
.cmpct-footer {
322
display: flex;
323
justify-content: flex-end;
324
+ align-items: center;
325
gap: 8px;
326
padding: 12px 20px;
327
border-top: 1px solid var(--color-border, #333);
328
+ flex-shrink: 0;
329
}
330
331
.cmpct-btn {