unitone v24.10.0 の概要
機能追加
- タブブロックにブロックスタイル「バッジ」を追加
変更
- 投稿タグブロックでブロックスタイル「テキスト」適用時、ホバー・フォーカス時には下線がでるように変更
不具合の修正
- unitone 独自ブロックサポート「追加 CSS」の中に
&が複数ある場合、フロントで正しく追加 CSS が適用されない - Firefox、Safari で正しい
line-heightが適用されていない不具合を修正
タブブロックにブロックスタイル「バッジ」を追加
下記サンプル。
Firefox、Safari で正しい line-height が適用されていない不具合を修正
unitone v24.7.1 で Firefox での line-height の不具合を修正したのですが、実は正しくは修正されておらず、なおかつ、変更の影響で Safari にも正しい line-height が適用されなくなっていたことがわかりました。
結論としては、Firefox は line-height に tan(atan2()) を使うと無効な値と判定されてしまうようで、unitone の line-height の計算式が使えないということがわかりました。そこで、Firefox の場合はフォールバックの line-height 用 CSS が適用されるように変更をおこないました。
- フォントサイズプリセットから選択したフォントサイズの場合は適切な
line-heightが適用される。 - 流体タイポグラフィ使用時、カスタムフォントサイズ使用時は適切な
line-heightからずれた値が適用される。
実際のコードなど、詳しくは下記の記事にまとめましたので、気になる方はご確認いただければと思います。
コメントを残す