非推奨のお知らせ

一部のアプリでは、以下に示すように、ウェブサポートポータルにアイコンが表示されない場合があります。

  • サポートページのアプリドロップダウン内：

  • デスクトップブラウザのタブ：（注：ブラウザのタブに表示される内容は、完全にリンクされているため、ウェブサポートポータルのアプリと異なることはありません）

    web_support_portal_no_icon

  • モバイルブラウザでは、ページのヘッダーに：

    mobile_browser_no_icon

  • お問い合わせポップアップのアプリドロップダウン内：

    contact_us_modal

現在、この機能に取り組んでいます。今のところ、回避策としては、サポート設定 -> Webサポートポータル -> CSSのカスタマイズに移動し、下記に提供されているコードスニペットを追加することです。

customize_css

注意点として、アイコンを置き換えるには、アプリの data-app の値を知る必要があります。これは、アプリの名前を小文字にし、すべてのスペースをハイフンに置き換えることでレンダリングできます。たとえば、アプリの名前が「My App」の場合、data-app は「my-app」になります。

ウェブサポートポータルの上部ナビゲーションにあるアプリアイコンを置き換えるには、カスタムCSSに以下を追加してください。
.app-navigator .popover-title img[data-app="my-app"] {
width: 0 !important;
高さ: 0 !important;
padding: 20px !important;
背景: url( YOUR_APP_ICON_URL_HERE );
background-size: cover !important;
}

ウェブサポートポータルのアプリドロップダウンのアプリアイコンを置き換えるには、次のコードをカスタムCSSに追加してください。
.app-dropdown li[data-app="my-app"] img {
width: 0 !important;
高さ: 0 !important;
padding: 20px !important;
背景: url( YOUR_APP_ICON_URL_HERE );
background-size: cover !important;
}

モバイルブラウザなどの小型ディスプレイでサポートポータルを開いたときに、アイコンも置き換える必要があります。
.actions-wrapper .app-selection .app-icon[data-app="my-app"] {
width: 0 !important;
高さ: 0 !important;
padding: 12px !important;
背景: url( YOUR_APP_ICON_URL_HERE );
background-size: cover !important;
}

お問い合わせポップアップアプリのドロップダウンにあるアプリアイコンを置き換えるには、カスタムCSSに次のコードを追加してください。
#report-issue-modal .field-app-dropdown li[data-app="my-app"] img,
#report-issue-modal .field-app-dropdown[data-app="my-app"] .dropdown-title img {
width: 0 !important;
高さ: 0 !important;
padding: 16px !important;
背景: url( YOUR_APP_ICON_URL_HERE ) !important;
background-size: cover !important;
}

この回避策を使用すると、アプリのアイコンが利用できない場合に、そのアイコンを上書きできます。なお、何か問題が発生した場合は、Inspect Elementを使用してCSSマークアップを調べることができます。設定する要素を右クリックし、「Inspect Element」を選択すると、開発者コンソールが表示され、このコードを確認できます。

developer_toolbar