feat(前端界面): 优化弹窗状态与操作布局
build.yaml / build (push) Successful in 44s

This commit is contained in:
xiaoqidun committed 2026-10-16 16:31:41 +08:00
1 parent 274e132b88
commit 06714b7150
2 files changed
+21 -17

No files matched your search

+3 -3
View File
@@ -378,6 +378,7 @@
<button id="resourceRename" class="button" type="button" hidden>改名</button> <button id="resourceRename" class="button" type="button" hidden>改名</button>
<button id="resourceReplace" class="button" type="button">替换</button> <button id="resourceReplace" class="button" type="button">替换</button>
<button id="resourceDelete" class="button" type="button">删除</button> <button id="resourceDelete" class="button" type="button">删除</button>
<div id="resourceStatus" class="form-status" role="status"></div>
<button id="resourceClose" class="button" type="button">关闭</button> <button id="resourceClose" class="button" type="button">关闭</button>
</div> </div>
<div id="resourceBinding" class="resource-binding" hidden> <div id="resourceBinding" class="resource-binding" hidden>
@@ -386,7 +387,6 @@
<div id="resourceBindingActions" class="form-actions"><button id="resourceUnbind" class="button" type="button">解绑</button><button id="resourceBind" class="button" type="button">绑定</button></div> <div id="resourceBindingActions" class="form-actions"><button id="resourceUnbind" class="button" type="button">解绑</button><button id="resourceBind" class="button" type="button">绑定</button></div>
</div> </div>
<div id="resourceViewer" class="resource-viewer" hidden></div> <div id="resourceViewer" class="resource-viewer" hidden></div>
<div id="resourceStatus" class="form-status" role="status"></div>
<input id="resourceFile" type="file" hidden> <input id="resourceFile" type="file" hidden>
</form> </form>
</dialog> </dialog>
@@ -400,9 +400,9 @@
<button id="documentDeleteButton" class="button" type="button" title="删除文档" aria-label="删除文档">删除</button> <button id="documentDeleteButton" class="button" type="button" title="删除文档" aria-label="删除文档">删除</button>
<button id="documentUpButton" class="button" type="button" title="前移文档" aria-label="前移文档">前移</button> <button id="documentUpButton" class="button" type="button" title="前移文档" aria-label="前移文档">前移</button>
<button id="documentDownButton" class="button" type="button" title="后移文档" aria-label="后移文档">后移</button> <button id="documentDownButton" class="button" type="button" title="后移文档" aria-label="后移文档">后移</button>
<div id="documentStatus" class="form-status" role="status"></div>
<button id="documentClose" class="button" type="button">关闭</button> <button id="documentClose" class="button" type="button">关闭</button>
</div> </div>
<div id="documentStatus" class="form-status" role="status"></div>
</form> </form>
</dialog> </dialog>
<dialog id="settingsPanel" class="form-dialog settings-dialog" aria-labelledby="settingsTitle"> <dialog id="settingsPanel" class="form-dialog settings-dialog" aria-labelledby="settingsTitle">
@@ -435,9 +435,9 @@
<button id="versionDelete" class="button" type="button" title="删除版本" aria-label="删除版本">删除</button> <button id="versionDelete" class="button" type="button" title="删除版本" aria-label="删除版本">删除</button>
<button id="versionSelect" class="button" type="button" title="切换版本" aria-label="切换版本">切换</button> <button id="versionSelect" class="button" type="button" title="切换版本" aria-label="切换版本">切换</button>
<button id="versionExport" class="button" type="button" title="另存版本" aria-label="另存版本">另存</button> <button id="versionExport" class="button" type="button" title="另存版本" aria-label="另存版本">另存</button>
<div id="versionStatus" class="form-status" role="status"></div>
<button id="versionClose" class="button" type="button">关闭</button> <button id="versionClose" class="button" type="button">关闭</button>
</div> </div>
<div id="versionStatus" class="form-status" role="status"></div>
</form> </form>
</dialog> </dialog>
<dialog id="infoPanel" class="form-dialog" aria-label="文档信息"> <dialog id="infoPanel" class="form-dialog" aria-label="文档信息">
+18 -14
View File
@@ -1619,10 +1619,6 @@ body[data-hide-meta] .meta-panel {
width: 600px; width: 600px;
} }
.resource-dialog .form-status:not(:empty) {
margin-top: 12px;
}
.resource-heading, .resource-heading,
.resource-option { .resource-option {
display: grid; display: grid;
@@ -1704,6 +1700,7 @@ body[data-hide-meta] .meta-panel {
.resource-actions { .resource-actions {
display: flex; display: flex;
align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
gap: 6px; gap: 6px;
margin-top: 12px; margin-top: 12px;
@@ -1782,13 +1779,10 @@ body[data-hide-meta] .meta-panel {
width: 100%; width: 100%;
} }
.document-dialog .form-status:not(:empty) {
margin-top: 8px;
}
.document-actions { .document-actions {
display: grid; display: flex;
grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: center;
flex-wrap: wrap;
gap: 6px; gap: 6px;
} }
@@ -1797,12 +1791,22 @@ body[data-hide-meta] .meta-panel {
padding-inline: 6px; padding-inline: 6px;
} }
.document-actions.version-readonly { .document-actions > .button,
grid-template-columns: repeat(3, minmax(0, 1fr)); .resource-actions > .button {
flex: 0 0 auto;
} }
#versionActions:not(.version-readonly) { .document-actions > .form-status,
grid-template-columns: repeat(7, minmax(0, 1fr)); .resource-actions > .form-status {
flex: 1 1 0;
min-width: 4em;
max-height: 6em;
overflow: auto;
white-space: pre-wrap;
}
.document-actions > button:last-child {
margin-left: auto;
} }
.settings-dialog { .settings-dialog {