feat(界面设计): 优化字体与字号布局
build.yaml / build (push) Successful in 45s

This commit is contained in:
xiaoqidun committed 2026-10-30 15:22:37 +08:00
1 parent c8aaaca773
commit f4a7516985
2 files changed
+6 -7

No files matched your search

+1 -2
View File
@@ -124,9 +124,8 @@
<span>插入</span>
</div>
<div class="editor-group">
<div class="text-font"><div class="font-picker"><input id="textFont" type="text" title="字体" autocomplete="off" spellcheck="false" disabled><button id="textFontToggle" type="button" title="选择字体" tabindex="-1" disabled></button></div><button id="textFontAdd" class="icon-button" type="button" title="添加字体">+</button></div>
<div class="text-font"><div class="font-picker"><input id="textFont" type="text" title="字体" autocomplete="off" spellcheck="false" disabled><button id="textFontToggle" type="button" title="选择字体" tabindex="-1" disabled></button></div><span class="editor-number"><input id="textSize" type="number" title="字号(pt)" min="1" step="any" required disabled></span><button id="textFontAdd" class="icon-button" type="button" title="添加字体">+</button></div>
<div id="textFontList" class="font-listbox" popover="manual"></div>
<label class="editor-field"><span>字号</span><span class="editor-number"><input id="textSize" type="number" min="1" step="any" required disabled><span>pt</span></span></label>
<button id="textBold" class="button text-format-bold" data-text-format="bold" type="button" title="粗体" data-pressed="false" disabled>B</button>
<button id="textItalic" class="button text-format-italic" data-text-format="italic" type="button" title="斜体" data-pressed="false" disabled>I</button>
<button id="textUnderline" class="button text-format-underline" data-text-format="underline" type="button" title="下划线" data-pressed="false" disabled>U</button>
+5 -5
View File
@@ -440,8 +440,7 @@ a:focus-visible {
background-repeat: no-repeat;
}
.editor-paragraph > .editor-field,
.editor-group:has(#textFont) > .editor-field {
.editor-paragraph > .editor-field {
grid-column: auto;
}
@@ -523,12 +522,13 @@ a:focus-visible {
}
.editor-group:has(#textFont) > .text-font {
grid-column: 1 / 5;
grid-template-columns: minmax(0, 1fr) 32px;
grid-template-columns: minmax(0, 1fr) 64px 32px;
column-gap: 4px;
}
.editor-group:has(#textFont) > .editor-field { grid-column: 5 / 8; }
#textSize {
text-align: left;
}
.editor-paragraph {
grid-template-columns: var(--editor-control-width) 120px;