phpMyAdminのSQL入力欄のフォントが小さいので大きくしたい

phpMyAdminロゴ IT

phpMyAdminでSQLを実行するときの入力欄のフォントが小さすぎて、老眼が出てきた自分としては、とてもつらい(T_T)

フォントを大きくしたいので、CSSを修正してみた。

「phpMyAdmin/js/vendor/codemirror/lib/codemirror.css」を編集する。

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  /* font-size: inherit; */
  font-size: 12pt;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}

246行目辺り

font-size: inherit;

フォントサイズが継承されているのをコメントアウトして、

font-size: 12pt;

12ptにしてみた。

これで見やすくなった!めでたしめでたし٩(ˊᗜˋ*)و

ちなみに、MacのMAMPでは

/Applications/MAMP/bin/phpMyAdmin/js/vendor/codemirror/lib/codemirror.css

WindowsのXAMPPでは

C:\xampp\phpMyAdmin\js\vendor\codemirror\lib\codemirror.css

です。

この記事を書いた人

余分なこだわりは捨てる。それがぼくのスタイル。

PHPでWebアプリを作り、小さな花の写真を撮ってよろこんでいる人。元Webエンジニア。プログラミング講師。余分なこだわりを捨てて生きやすくなりたいと思いつつも、なかなかこだわりを捨てきれない頑固者。まろと呼んでください。

さかのうえの まろをフォローする
IT
シェアする
まろすたいる