キタジマ タカシ Snow Monkey Blocks v9.7.0 の概要
機能追加
- [項目：バナー] テキストの行揃えの設定を追加
- [項目：バナー] サイズ設定に「コンテンツに合わせる」を追加
変更
- [パネル] 子ブロックの名前を変更
- [ボタン] レイアウトまわりの CSS を変更
- [項目：バナー] サイズ設定の「デフォルト」を「画像に合わせる」に名称変更
不具合の修正
- [スライダー] IE11 でレイアウトがくずれる不具合を修正
- [ピックアップスライダー] IE11 でレイアウトがくずれる不具合を修正
- [ボタン] フルサイズが効かない不具合を修正
[項目：バナー] テキストの行揃えの設定を追加
ブロックツールバーから選択できます。
[項目：バナー] サイズ設定に「コンテンツに合わせる」を追加
項目ブロックの子ブロックであるバナーブロックには、これまで
- デフォルト（画像に合わせる）
- 4:3
- 16:9
の設定がありました。これに「コンテンツに合わせる」の設定を追加しました。
[ボタン] レイアウトまわりの CSS を変更
複数個並べたとき、画面幅が足らずにボタンが折り返したときに上下がくっつかないように CSS を変更
例えばこのようなボタンを配置したときに、スマホでみたりして幅が狭くなると2つのボタンが横並びでは入り切らずに縦に並ぶようになります。
このとき、これまではボタンに上マージンがついていなかったので、2つのボタンがぴったりとくっついて表示されてしまっていました。これを上マージンを追加して、縦並びになっても良い感じに表示するように調整しました。
line-height を大きめに変更
先日のアップデートでボタンにテキストを「折り返す」設定を追加していますが、実際に折り返すと line-height が小さくてテキストがギュッと表示されてしまっていたので、line-height を少し大きめに変更しました。また line-height を大きくすることでボタンの縦幅も大きくなってしまったので、上下 padding を変更してこれまでと同じ縦幅で表示されるように調整しました。
ボタンサイズが「さらに広く」のとき、スマホではフルサイズで表示するように変更
「さらに広く」にしているボタンは、スマホだとラベルが短くても結構表示がきつきつになっていたので、いっそのこと横いっぱいで表示したほうが良いだろうと判断し、スマホではフルサイズと同じ表示になるようにしました。
