管理画面でサイドバーメニューの開閉アイコンを調整したい

Last modified date : 2014/09/09

Movable Typeのサイドバーには各メニューごとに三角のアイコンがあるのですが、これはメニューが開いていても閉じていてもこのアイコンは下に向いてます。

そこでこのアイコンの角度を変更してみます。

以下の内容をuser.cssに記述します。

上向きにしたい場合

#menu .active .toggle-button img{
  transform: rotate(-180deg);
}

右向きにしたい場合

#menu .toggle-button img{
  transform: rotate(-90deg);
}
#menu .active .toggle-button img{
  transform: rotate(0deg);
}

左向きにしたい場合

#menu .toggle-button img{
  transform: rotate(90deg);
}
#menu .active .toggle-button img{
  transform: rotate(0deg);
}