Fomantic-UI でモーダルダイアログをOKボタンで閉じると、右のマージンが 16px づつ削られる

/ CSS / By
ショコラ
ショコラ

Fomantic-UI でモーダルダイアログをOKボタンで閉じると、右のマージンが 16px づつ削られる

モーダルダイアログが非表示になるタイミングで、マージンライトを消しておくかな。

もっさん先輩
もっさん先輩

シチュエーション

Fomatic-UI を使ってモーダルダイヤログを表示している。確認メッセージを表示後に「OK」ボタンを押してモダールダイアログを閉じることができるが、その操作を繰り返していると BODY の右のマージンが増えていき、画面が狭くなる。

ひとまず、モーダルダイアログが非表示になるタイミングで、マージンライトを消すことで対応します。

$('#applied').modal({
  content:message,
  onHidden:() => $(".dimmable").css('margin-right',''),
}).modal('show')

以上

Scroll to Top