youssefreda9 commited on
Commit
33d73ef
·
1 Parent(s): ddefae8

Hide docs sidebar + expand layout to full width in non-write tabs (tools-mode)

Browse files
Files changed (2) hide show
  1. src/css/components.css +9 -0
  2. src/index.html +13 -1
src/css/components.css CHANGED
@@ -1389,6 +1389,15 @@ input[type="range"]::-webkit-slider-thumb {
1389
  }
1390
  }
1391
 
 
 
 
 
 
 
 
 
 
1392
  /* ── Documents Panel (inline, always visible on desktop) ── */
1393
  .docs-panel {
1394
  display: none;
 
1389
  }
1390
  }
1391
 
1392
+ /* Tools mode: single column, no sidebars — for summarize/dialect/quran tabs */
1393
+ .editor-layout.tools-mode {
1394
+ grid-template-columns: 1fr !important;
1395
+ }
1396
+ .editor-layout.tools-mode > .docs-panel-desktop,
1397
+ .editor-layout.tools-mode > .sidebar-panel {
1398
+ display: none !important;
1399
+ }
1400
+
1401
  /* ── Documents Panel (inline, always visible on desktop) ── */
1402
  .docs-panel {
1403
  display: none;
src/index.html CHANGED
@@ -1,4 +1,4 @@
1
- <!doctype html>
2
  <html lang="ar" dir="rtl" class="h-full">
3
  <head>
4
  <meta charset="UTF-8">
@@ -1291,6 +1291,18 @@
1291
  // Hide/show mobile suggestions trigger
1292
  var mobileTrigger = document.getElementById('mobile-sheet-trigger');
1293
  if (mobileTrigger) mobileTrigger.style.display = (tab === 'write') ? '' : 'none';
 
 
 
 
 
 
 
 
 
 
 
 
1294
  }
1295
 
1296
  /* ═══════════════════════════════════════════
 
1
+ <!doctype html>
2
  <html lang="ar" dir="rtl" class="h-full">
3
  <head>
4
  <meta charset="UTF-8">
 
1291
  // Hide/show mobile suggestions trigger
1292
  var mobileTrigger = document.getElementById('mobile-sheet-trigger');
1293
  if (mobileTrigger) mobileTrigger.style.display = (tab === 'write') ? '' : 'none';
1294
+ // Hide/show docs panel — only for write tab
1295
+ var docsPanel = document.querySelector('.docs-panel-desktop');
1296
+ if (docsPanel) docsPanel.style.display = (tab === 'write') ? '' : 'none';
1297
+ // Expand layout when not in write tab (no sidebars)
1298
+ var editorLayout = document.querySelector('.editor-layout');
1299
+ if (editorLayout) {
1300
+ if (tab === 'write') {
1301
+ editorLayout.classList.remove('tools-mode');
1302
+ } else {
1303
+ editorLayout.classList.add('tools-mode');
1304
+ }
1305
+ }
1306
  }
1307
 
1308
  /* ═══════════════════════════════════════════