【Warframe】Warframe-Builder のデザイン崩れを修正する

いつからかは分からないのですが、Warframe-Builder の「Search Builds」や「Save Build」で表示されるダイアログの表示位置が中心からズレていて面倒に感じていたので、修正CSSを書いてみました。

Warframe-Builder.com
http://warframe-builder.com/

スポンサーリンク

修正CSS

.ui-dialog {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

使い方

Chrome/Firefox/Opera などで使用できます。Stylish または Stylus アドオンをインストールして、上記CSSをドメイン上の URL: warframe-builder.com に適用して下さい。

アドオン

Chrome 用

Stylish
https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=ja

Stylus
https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja

Firefox 用

Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/

Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/

適用手順

Stylish または Stylus の設定画面を開き「新スタイルを作成」をクリック。

コード欄に上記CSSをコピペして保存します。

適用前/適用後

適用前(表示位置がおかしなっている。要スクロール)
適用後(中央に表示)

「Edit Riven Mod」や「Detail」はコード無しでも正常な位置に表示されます。どうやら「Search Builds」や「Save Build」に対してだけスクリプトが上手く動作していないようです。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください