はじめに
スペース要素に何らかの要素を表示することがあります。例えばこんなコードです。
(($) => {
kintone.events.on("app.record.detail.show", (event) => {
const element = kintone.app.record.getSpaceElement("space");
$(element).append("<span><button>ボタン</button></span>");
return event;
});
})(jQuery);このとき縦位置が中央揃いになりません。これを中央揃えにする方法をメモします。
heightが指定できる場合
親要素のspanに以下を設定すれば中央揃えにできます。
display: inline-flex;
height: 66px;
justify-content: center;
align-items: center;
heightが指定できない場合
親要素のspanに以下を設定すれば中央揃えにできます。
position: absolute;
transform: translateX(-50%) translateY(-50%);
top: 50%;
left: 50%;