Efeito Favoritos favorites-effect

O visualizador exibe ícones Favoritos sobre a exibição principal nos locais em que foi originalmente adicionado pelo usuário.

A aparência do ícone Favorito é controlada com o seguinte seletor de classe CSS:

.s7ecatalogsearchviewer .s7favoriteseffect .s7icon

Propriedades CSS do ícone Favorito

Exemplo - configurar um ícone Favoritos com 36 x 36 pixels.

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

Em sistemas desktop, o componente oferece suporte ao seletor de atributos cursortype, que pode ser aplicado à classe .s7favoriteseffect, e controla o tipo de cursor com base na ação do usuário selecionado. Os seguintes valores cursortype têm suporte:

Exemplo - ter cursores de mouse diferentes para cada tipo de estado do componente.

.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_add"] {
cursor: crosshair;
}
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_remove"] {
cursor: not-allowed;
}
.s7ecatalogsearchviewer .s7favoriteseffect[cursortype="mode_view"] {
cursor: auto;
}