Full document, spreadsheet, slideshow, and diagram tooling
Merge pull request 'fix(sheets): AI chat sidebar not filling full height' (#167) from fix/sheets-chat-sidebar-layout into main
+36
-16
+15
src/css/app.css
+15
src/css/app.css
···
1683
1683
box-shadow: 0 0 0 2px var(--color-focus);
1684
1684
}
1685
1685
1686
+
.sheet-body {
1687
+
display: flex;
1688
+
flex: 1;
1689
+
min-height: 0;
1690
+
overflow: hidden;
1691
+
}
1692
+
1693
+
.sheet-main {
1694
+
display: flex;
1695
+
flex-direction: column;
1696
+
flex: 1;
1697
+
min-width: 0;
1698
+
overflow: hidden;
1699
+
}
1700
+
1686
1701
.sheet-container {
1687
1702
flex: 1;
1688
1703
overflow: auto;
+20
-15
src/sheets/index.html
+20
-15
src/sheets/index.html
···
268
268
</div>
269
269
</div>
270
270
271
-
<!-- Spreadsheet grid -->
272
-
<div class="sheet-container" id="sheet-container">
273
-
<table class="sheet-grid" id="sheet-grid" role="grid"></table>
274
-
</div>
271
+
<!-- Body: grid area + AI chat sidebar sit in a flex row -->
272
+
<div class="sheet-body" id="sheet-body">
273
+
<div class="sheet-main">
274
+
<!-- Spreadsheet grid -->
275
+
<div class="sheet-container" id="sheet-container">
276
+
<table class="sheet-grid" id="sheet-grid" role="grid"></table>
277
+
</div>
275
278
276
-
<!-- Charts section -->
277
-
<div class="charts-section" id="charts-section"></div>
279
+
<!-- Charts section -->
280
+
<div class="charts-section" id="charts-section"></div>
278
281
279
-
<!-- Status bar -->
280
-
<div class="status-bar" id="status-bar">
281
-
<div class="status-bar-info" id="status-bar-info"></div>
282
-
<div class="status-bar-stats" id="status-bar-stats" aria-live="polite" aria-atomic="true"></div>
283
-
</div>
282
+
<!-- Status bar -->
283
+
<div class="status-bar" id="status-bar">
284
+
<div class="status-bar-info" id="status-bar-info"></div>
285
+
<div class="status-bar-stats" id="status-bar-stats" aria-live="polite" aria-atomic="true"></div>
286
+
</div>
284
287
285
-
<!-- Sheet tabs -->
286
-
<div class="sheet-tabs" id="sheet-tabs">
287
-
<button class="sheet-tab active" data-sheet="0">Sheet 1</button>
288
-
<button class="sheet-tab-add" id="add-sheet" title="Add sheet" aria-label="Add sheet">+</button>
288
+
<!-- Sheet tabs -->
289
+
<div class="sheet-tabs" id="sheet-tabs">
290
+
<button class="sheet-tab active" data-sheet="0">Sheet 1</button>
291
+
<button class="sheet-tab-add" id="add-sheet" title="Add sheet" aria-label="Add sheet">+</button>
292
+
</div>
293
+
</div>
289
294
</div>
290
295
291
296
<!-- Share dialog -->
+1
-1
src/sheets/main.ts
+1
-1
src/sheets/main.ts
···
5301
5301
// ── AI Chat Panel ────────────────────────────────────────────────────────
5302
5302
5303
5303
const chatUI = createChatSidebar();
5304
-
document.getElementById('app').appendChild(chatUI.container);
5304
+
document.getElementById('sheet-body')!.appendChild(chatUI.container);
5305
5305
5306
5306
const chatState = createChatState();
5307
5307