diff --git a/assets/webui/ofdgo.css b/assets/webui/ofdgo.css index f8b5ffa..a48e6c1 100644 --- a/assets/webui/ofdgo.css +++ b/assets/webui/ofdgo.css @@ -135,12 +135,18 @@ a:focus-visible { } .editor-group > select { + -webkit-appearance: none; + appearance: none; height: var(--control-height); - padding: 0 4px; + padding: 0 12px 0 4px; border: 1px solid var(--line-strong); border-radius: 0; background: #fff; color: #1f2428; + background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); + background-position: right 7px center, right 4px center; + background-size: 3px 3px; + background-repeat: no-repeat; } .editor-paragraph > .editor-field, @@ -692,6 +698,7 @@ button:not(:disabled):hover { .toolbar-select .format-select { width: calc(2em + 22px); border-color: var(--line-strong); + -webkit-appearance: none; appearance: none; color: transparent; } @@ -901,6 +908,7 @@ button:not(:disabled):hover { } .convert-format select { + -webkit-appearance: none; appearance: none; padding: 0 12px; } @@ -1288,6 +1296,7 @@ button:not(:disabled):hover { } .form-row .form-select select { + -webkit-appearance: none; appearance: none; color: transparent; } @@ -4067,12 +4076,8 @@ audio.page-media { } .editor-group > select { - appearance: none; padding-inline: 2px 10px; - background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); background-position: right 5px center, right 2px center; - background-size: 3px 3px; - background-repeat: no-repeat; } .editor-group:has(#textFont) {