xiaoqidun/ofdgo
1
0 Fork 0
mirror of https://github.com/xiaoqidun/ofdgo.git synced 2026-10-30 16:20:33 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(编辑能力): 修正底色选中效果与字号显示
build.yaml / build (push) Successful in 48s
Details

Browse Source
This commit is contained in:
xiaoqidun committed 2026-10-30 13:48:21 +08:00
1 parent e519bb0527
commit 47c593286d
1 file changed
+6 -2
Download Patch File Download Diff File Expand all files Collapse all files
assets/webui/ofdgo.css
+6 -2
View File
@@ -517,12 +517,12 @@ a:focus-visible {
} }
.editor-group:has(#textFont) > .text-font { .editor-group:has(#textFont) > .text-font {
grid-column: 1 / 6; grid-column: 1 / 5;
grid-template-columns: minmax(0, 1fr) 32px; grid-template-columns: minmax(0, 1fr) 32px;
column-gap: 4px; column-gap: 4px;
} }
.editor-group:has(#textFont) > .editor-field { grid-column: 6 / 8; } .editor-group:has(#textFont) > .editor-field { grid-column: 5 / 8; }
.editor-paragraph { .editor-paragraph {
grid-template-columns: var(--editor-control-width) 120px; grid-template-columns: var(--editor-control-width) 120px;
@@ -549,8 +549,12 @@ a:focus-visible {
display: grid; display: grid;
grid-template-columns: minmax(0, 1fr) 12px; grid-template-columns: minmax(0, 1fr) 12px;
height: var(--control-height); height: var(--control-height);
border-radius: 5px;
} }
.text-highlight:has([data-pressed="true"]) { background: var(--selected); }
.text-highlight:has([data-pressed="mixed"]) { background: var(--hover); box-shadow: inset 0 -3px var(--text-muted); }
.editor-group:has(#textFont) .text-highlight [data-pressed="mixed"] { box-shadow: none; }
.text-highlight .button { min-width: 0; border-radius: 5px 0 0 5px; } .text-highlight .button { min-width: 0; border-radius: 5px 0 0 5px; }
.text-highlight .button span { border-bottom: 3px solid var(--highlight-color, #ffff00); } .text-highlight .button span { border-bottom: 3px solid var(--highlight-color, #ffff00); }
.text-highlight [data-pressed="mixed"] span { border-image: repeating-linear-gradient(135deg, var(--input) 0 4px, var(--text-muted) 4px 8px) 3; } .text-highlight [data-pressed="mixed"] span { border-image: repeating-linear-gradient(135deg, var(--input) 0 4px, var(--text-muted) 4px 8px) 3; }