その場編集時に切り替わる見出しの背景色の変更が可能になりました

その場編集機能では見出しにマウスカーソルを重ねた時に背景が薄い黄色に変化しますが、スタイルシートの設定でデザインを自由に変更できるようになりました。

たとえば背景色をグレーに変更したい場合は、管理ツールの詳細デザイン設定ページのスタイルシート欄に、以下のように指定することで変更できます。

h3.hover {
    background: gray;
}

背景色以外にも背景画像を指定したり、文字色を変更したり、通常のスタイルシートと同様の指定が可能です。現在のところ「h3.hover」と直接指定した場合のみ有効となっており、「div.section h3.hover」など他のタグやクラスを指定をされた場合には反映されません。

またCSSでの指定とあわせて、見出しにマウスカーソルを重ねてから色が変わるまでの間に少しだけ待ち時間を設ける変更を行いました。これまではページのスクロールなどでマウス移動をする時に、意図せず背景色が頻繁に切り替わってしまうことがございましたが、意図的にマウスカーソルを重ねた時だけ切り替わるようになりました。

今後とも継続的にインターフェイスの改善に努めてまいりますので、はてなアイデアまでご意見、ご要望をお寄せください。