ilusha/DSH-Arch-Setup
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix Zen mode chat grid placement

Browse source 
Keep hidden sidebar and details columns participating in CSS Grid so the center conversation remains in the middle track. Hide their contents with visibility and disable interactions while removing only resize handles from layout.
This commit is contained in:
Шурупов Илья Викторович 2026-09-14 11:03:20 +03:00
parent 500b5532a8
commit a0170862e1
2 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
plugins/dsh-ui-tweaks/lib/client.js
View file

@ -226,7 +226,8 @@ window.__ModuleLoader__.load({
'[data-composer-seat][data-dsh-composer-collapsed="1"]>:not(.dsh-chat-controls){display:none !important}',
'[data-composer-seat][data-dsh-composer-collapsed="1"]>.dsh-chat-controls{position:static;align-self:flex-end;margin:4px 24px 6px 0}',
'html[data-dsh-zen="1"] [class*="_frame"][style*="grid-template-columns"]{grid-template-columns:0 minmax(0,1fr) 0 !important}',
'html[data-dsh-zen="1"] [class*="_sidebarCol"],html[data-dsh-zen="1"] [class*="_detailsCol"],html[data-dsh-zen="1"] [class*="_handle"]{display:none !important}',
'html[data-dsh-zen="1"] [class*="_sidebarCol"],html[data-dsh-zen="1"] [class*="_detailsCol"]{visibility:hidden !important;pointer-events:none !important;border:0 !important}',
'html[data-dsh-zen="1"] [class*="_handle"]{display:none !important}',
'html[data-dsh-zen="1"] [data-phase]>[class*="_header"]{display:none !important}',
'html[data-dsh-zen="1"] [data-composer-seat]{min-height:38px;justify-content:center}',
'html[data-dsh-zen="1"] [data-composer-seat]>:not(.dsh-chat-controls){display:none !important}',

2
test/ui-controls.test.mjs
View file

@ -148,5 +148,7 @@ assert.equal(seat.querySelector(':scope > .dsh-chat-controls'), null)
assert.equal(seat.getAttribute('data-dsh-composer-collapsed'), null)
assert.equal(documentElement.getAttribute('data-dsh-zen'), null)
assert(source.includes('[data-sidebar-collapsed] [class*="_sidebarCol"] [class*="_regionArea"]'))
assert(source.includes('[class*="_detailsCol"]{visibility:hidden !important;pointer-events:none !important;border:0 !important}'))
assert(!source.includes('[class*="_detailsCol"],html[data-dsh-zen="1"] [class*="_handle"]{display:none'))
console.log('UI controls test passed')