お気に入りエフェクト favorites-effect

ビューアのメインビューには、ユーザーが最初に追加した場所にお気に入りアイコンが表示されます。

お気に入りアイコンの外観は、次の CSS クラスセレクターで制御します。

.s7ecatalogsearchviewer .s7favoriteseffect .s7icon

お気に入りアイコンの CSS プロパティ

background-image
アイコンに対して表示される画像。
background-position

CSS スプライトを使用する場合、アートワークスプライト内に配置します。

CSS スプライト ール 参照してください。

アイコンの幅。
高さ
アイコンの高さ。

例 – 36 x 36 ピクセルのお気に入りアイコンの設定

.s7ecatalogsearchviewer .s7favoriteseffect .s7icon {
 height: 36px;
 width: 36px;
 background-image: url(images/v2/FavoriteEffect_dark_up.png);
}

デスクトップシステムでは、コンポーネントは、.s7favoriteseffect クラスに適用でき、選択されたユーザーアクションに基づいてカーソルのタイプを制御する cursortype 属性セレクターをサポートしています。 次の cursortype 値がサポートされています。

mode_add
表示されたユーザーが新しいお気に入りアイコンを追加しています。
mode_remove
既存のお気に入りアイコンを削除しているユーザーが表示されます。
mode_view
お気に入りの編集がアクティブでない場合は、通常操作モードで表示されます。

例 – コンポーネントの状態のタイプごとに異なるマウスカーソルがある

.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_add"] {
cursor: crosshair;
}
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_remove"] {
cursor: not-allowed;
}
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_view"] {
cursor: auto;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8