gian/phpmyadmin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: restore monospace font size to 14px in bootstrap theme

Browse Source 
Fixes #19489 - font size regression from 5.2 (~14px) to 6.0 (~12px).
Added CSS custom property --font-size-monospace and applied it to
CodeMirror and code elements.

Signed-off-by: Mateusz <mateusz.kabaja@gmail.com>
This commit is contained in:
Mateusz 2026-05-27 21:39:06 +02:00
parent 03413c9254
commit 009ea5c453
1 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
public/themes/bootstrap/scss/_codemirror.scss
View File

@ -1,6 +1,25 @@
$textarea-cols: 40;
$textarea-rows: 15;
// Restore monospace font size to match 5.2 default (~14px)
// See: https://github.com/phpmyadmin/phpmyadmin/issues/19489
:root {
--font-size-monospace: 14px;
}
.cm-editor,
.CodeMirror,
.cm-scroller,
code,
pre,
textarea.monospace,
.sql,
pre.sql,
.result_query .sql,
.result_query pre {
font-size: var(--font-size-monospace, 14px) !important;
}
.CodeMirror {
height: 20rem;
border: $card-border-width solid $card-border-color;
@ -12,7 +31,7 @@ $textarea-rows: 15;
.CodeMirror-gutters {
border-right-color: var(--#{$prefix}border-color);
background-color: rgba(var(--#{$prefix}body-color-rgb), .03);
background-color: rgba(var(--#{$prefix}body-color-rgb), 0.03);
}
// Code mirror default style (do not affect the console style)