無料ブログ「rentafree.net」の管理人ブログ

エディタのデザインを少し変更しました

Firefox用の新しいブログエディタのデザインを少し変更しました。

エディタの入力領域が普通の1px実線だったので、
内側に薄い線を引いて2重にして若干領域が凹んで見える感じにしました。
ソースモードはtextareaなので枠をつけるとずれちゃいますが、
CSS3のbox-sizing:border-box
しました。
ついでに、今まではソースモードとプレビューモードで若干高さが違っていましたが、完全に同じになりました。

あと、
resize:vertical
にして、縦方向に拡大できるようにしました。
ソースモードの方は元々リサイズできたと思いますが、
横方向に拡大するとエディタからはみ出るので縦方向しかできないようにしました。