unitone v15.3.0 の概要

機能追加

• ボタンブロックにブロックスタイル「テキスト」を追加
• ボタンブロックに「最小幅」の設定を追加
• カテゴリー・タグブロックにブロックスタイル「バッジ」を適用したときに、各カテゴリーラベルに「背景色」を反映させることができる機能を追加
• カテゴリー・タグブロックにブロックスタイル「アウトライン」を適用したときに、各カテゴリーラベルに「枠線」を反映させることができる機能を追加

変更

• エディター上で、スライドブロックの子孫ブロックを選択しているときでも、そのスライドの選択ボタン（スライダーの下部に表示される数字が書いてあるボタン）をアクティブ表示するように変更

不具合の修正

• エディター上でスライダーをスライドした状態でウィンドウを小さくするとエディターの表示位置がずれてしまう不具合を修正

ボタンブロックにブロックスタイル「テキスト」を追加

ボタンなんだけども、アイコン付きでテキストっぽく表示したいときってありますよね。ってことでつくってみました。こんな感じ。

ボタンブロックに「最小幅」の設定を追加

ボタンブロックには「幅」の設定がありますが、これが width を 25% 50% …等の既定値から選ぶことしかできないので、例えば PC でボタンを2個並びで表示したいから 50% としたときに、モバイルでも 50% 表示になっちゃうからボタンが潰れてしまう、ということが起きえます。

こんな感じ。

PC だと良い感じですが、モバイルでは文字が折り返してしまいます。これ、モバイルでは1列になってほしいですよね。

ということで「最小幅」の設定を追加してみました。最小幅を 350px に設定したサンプルがこちら。

PC だと2列ですが、モバイルだと 350px を維持できずにカラム落ちして1列に表示されます。さらに、画面幅を超えてはみだすことがないようにスタイリングしているので、350px より小さい画面幅の場合でも良い感じに縮小表示されます。

カテゴリー・タグブロックにブロックスタイル「バッジ」を適用したときに、各カテゴリーラベルに「背景色」を反映させることができる機能を追加

下記のような感じで、各カテゴリーラベルに対して背景色が適用されるようになりました。

カテゴリー・タグブロックにブロックスタイル「アウトライン」を適用したときに、各カテゴリーラベルに「枠線」を反映させることができる機能を追加

下記のような感じで、各カテゴリーラベルに対して枠線が適用されるようになりました。