xiaoqidun/ofdgo
1
0 Fork 0
mirror of https://github.com/xiaoqidun/ofdgo.git synced 2026-10-29 13:56:32 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(前端界面): 统一文档信息文案与标签对齐

Browse Source
This commit is contained in:
xiaoqidun committed 2026-10-25 20:46:40 +08:00
1 parent 2cec0b17d3
commit 6063492bd7
2 files changed
+22 -7
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/webui/index.html
+3 -3
View File
@@ -493,8 +493,8 @@
<label class="form-row"><span>主题</span><textarea id="infoSubject" rows="1"></textarea></label> <label class="form-row"><span>主题</span><textarea id="infoSubject" rows="1"></textarea></label>
<label class="form-row"><span>作者</span><textarea id="infoAuthor" rows="1"></textarea></label> <label class="form-row"><span>作者</span><textarea id="infoAuthor" rows="1"></textarea></label>
<label class="form-row"><span>摘要</span><textarea id="infoAbstract" rows="2"></textarea></label> <label class="form-row"><span>摘要</span><textarea id="infoAbstract" rows="2"></textarea></label>
<details><summary>关键词</summary><div id="infoKeywordRows" class="info-rows"></div><button id="infoKeywordAdd" class="icon-button" type="button" title="添加词条">+</button></details> <details><summary><span>关键词</span></summary><div id="infoKeywordRows" class="info-rows"></div><button id="infoKeywordAdd" class="icon-button" type="button" title="添加词条">+</button></details>
<details><summary>更多信息</summary> <details><summary><span>其他属性</span></summary>
<label class="form-row"><span>标识</span><input id="infoDocId" type="text"></label> <label class="form-row"><span>标识</span><input id="infoDocId" type="text"></label>
<label class="form-row"><span>用途</span><input id="infoDocUsage" type="text"></label> <label class="form-row"><span>用途</span><input id="infoDocUsage" type="text"></label>
<label class="form-row"><span>封面路径</span><input id="infoCover" type="text"></label> <label class="form-row"><span>封面路径</span><input id="infoCover" type="text"></label>
@@ -503,7 +503,7 @@
<label class="form-row"><span>制作软件</span><input id="infoCreator" type="text"></label> <label class="form-row"><span>制作软件</span><input id="infoCreator" type="text"></label>
<label class="form-row"><span>软件版本</span><input id="infoCreatorVersion" type="text"></label> <label class="form-row"><span>软件版本</span><input id="infoCreatorVersion" type="text"></label>
</details> </details>
<details><summary>自定义</summary><div id="infoCustomRows" class="info-rows"></div><button id="infoCustomAdd" class="icon-button" type="button" title="添加字段">+</button></details> <details><summary><span>扩展字段</span></summary><div id="infoCustomRows" class="info-rows"></div><button id="infoCustomAdd" class="icon-button" type="button" title="添加字段">+</button></details>
<div class="form-actions"><div id="infoStatus" class="form-status"></div><button id="infoCancel" class="button" type="button">取消</button><button class="button" type="submit">确定</button></div> <div class="form-actions"><div id="infoStatus" class="form-status"></div><button id="infoCancel" class="button" type="button">取消</button><button class="button" type="submit">确定</button></div>
</form> </form>
</dialog> </dialog>
assets/webui/ofdgo.css
+19 -4
View File
@@ -1530,8 +1530,7 @@ button:not(:disabled):hover {
.form-row input[type="number"], .form-row input[type="number"],
.form-row input[type="file"], .form-row input[type="file"],
.form-row select, .form-row select,
.form-row textarea, .form-row textarea {
.info-rows textarea {
width: 100%; width: 100%;
min-width: 0; min-width: 0;
height: var(--control-height); height: var(--control-height);
@@ -1572,15 +1571,31 @@ button:not(:disabled):hover {
width: 480px; width: 480px;
} }
#infoPanel .form-row { #infoPanel .form-row,
#infoPanel summary {
grid-template-columns: 4em minmax(0, 1fr); grid-template-columns: 4em minmax(0, 1fr);
} }
#infoPanel .form-row > span { #infoPanel .form-row > span,
#infoPanel summary > span {
text-align-last: justify; text-align-last: justify;
white-space: nowrap; white-space: nowrap;
} }
#infoPanel summary {
display: grid;
align-items: center;
gap: 12px;
}
#infoPanel summary::after {
content: "▸";
}
#infoPanel details[open] > summary::after {
content: "▾";
}
.info-rows { .info-rows {
max-height: 240px; max-height: 240px;
overflow-y: auto; overflow-y: auto;