「Simple Gallery」の不具合を修正しました

テンプレート「Simple Gallery」において、画像をクリックして拡大表示した際に、ページ全体が左右に揺れる不具合を確認しました。
現在は修正済みです。

不具合の内容

画像をクリックしてGLightboxによる拡大表示を行う際、ページのスクロールバーが非表示になることで、ページ全体の横幅が一時的に変化し、画面が左右に移動する現象が発生していました。

修正内容

CSSを修正し、GLightbox表示時に発生する横方向のレイアウト変動を抑制しました。
修正後は、画像の拡大・閉じる操作を行っても、ページ全体が左右に移動しないようになっています。

すでに「Simple Gallery」をご利用中の方へ

すでにテンプレートをダウンロードして使用されている場合は、以下のいずれかの方法で更新してください。

CSSファイルを直接修正する

assets/css/style.cssを開き、下記の記述を追加してください。
追加する場所はどこでも大丈夫です。
最上部や最下部など、分かりやすい場所に記述してください。

.gscrollbar-fixer {
    margin-right: 0 !important;
}

その後、assets/css/style.cssのhtmlタグ内に、scrollbar-gutter: stable;を追加してください。

html {
    scroll-behavior: smooth;
    scroll-padding-top: 20px;

    scrollbar-gutter: stable;
}

修正ファイルをダウンロードする

下記ボタンより修正版CSSをダウンロードし、assets/css/style.cssを上書き保存してください。