wangshuxun/zotero-kb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(import-window): move window shell outside layout to fix z-index stacking

Browse Source 
The window-shell was incorrectly placed inside the first .panel section.
.panel creates a stacking context via backdrop-filter/overflow, trapping
the position:fixed window frame. Moving window-shell and minimized-bar
to be direct children of <body> (outside <main class="layout">) so
z-index:40 properly covers all panels.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Saberlve 2026-04-15 16:21:53 +08:00
parent 4829dce3a6
commit d624315fbf
1 changed files with 39 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/zotero_kb/templates/index.html
View File

@ -337,6 +337,8 @@
<button id="open-import-modal-button" type="button">导入文献</button> <button id="open-import-modal-button" type="button">导入文献</button>
</div> </div>
</section>
<div id="import-window-shell" class="window-shell" hidden aria-hidden="true"> <div id="import-window-shell" class="window-shell" hidden aria-hidden="true">
<section id="import-window" class="window-frame" role="dialog" aria-modal="true" aria-labelledby="import-window-title"> <section id="import-window" class="window-frame" role="dialog" aria-modal="true" aria-labelledby="import-window-title">
<div class="window-toolbar" id="import-window-toolbar"> <div class="window-toolbar" id="import-window-toolbar">
@ -369,13 +371,12 @@
</div> </div>
<div id="item-preview-popover" class="preview-popover" hidden></div> <div id="item-preview-popover" class="preview-popover" hidden></div>
</section> </section>
</div> </div>
<div id="import-window-minimized-bar" class="window-minimized-bar" hidden> <div id="import-window-minimized-bar" class="window-minimized-bar" hidden>
<span style="flex:1;text-align:left">导入文献</span> <span style="flex:1;text-align:left">导入文献</span>
<button id="window-restore-button" type="button" class="secondary" style="width:auto;padding:0.3rem 0.5rem;font-size:0.8rem">□</button> <button id="window-restore-button" type="button" class="secondary" style="width:auto;padding:0.3rem 0.5rem;font-size:0.8rem">□</button>
</div> </div>
</section>
<section class="panel"> <section class="panel">
<div class="row" style="justify-content: space-between"> <div class="row" style="justify-content: space-between">