Bootstrapモーダル内にSummernote WYSIWYGエディターがあります。カスタム ツールバーを使用します。(ただし、この問題は既定のツールバーを使用しても発生します)。
下の画像でわかるように、一部のボタンの高さが異なります。色変更ボタンの横にあるドロップダウンで特に目立ちます。
ボタンを強制的に同じサイズにするファイルまたは定義がありませんか?
含まれているCSSファイルは次のとおりです。
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/bootstrap-theme.min.css" rel="stylesheet">
<link href="../css/theme.css" rel="stylesheet">
<link href="../css/summernote.css" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
JavaScript は次のとおりです。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../assets/js/docs.min.js"></script>
<script src="../scripts/summernote.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e){
$('#news_editor').summernote({height:150,toolbar:[
['style',['bold','italic','underline','clear']],
['fontface',['fontname']],
['textsize',['fontsize']],
['fontclr',['color']],
['alignment',['ul','ol','paragraph']],
['insert',['link','picture','table']],
['adv',['codeview']]
]});
});
...
HTML ファイル全体は次のとおりです: http://pastebin.com/G3Heae8J