Je te propose de modifier
get_tendency_image()
de façon à séparer le fond et la forme.Le fond :
code : Tout sélectionner
public function get_tendency_image($pos, $last_pos)
{
if ($last_pos === 0)
{
$title = 'BC_NEW_PLACED';
$class = 'trend-new';
}
else if ($last_pos === $pos)
{
$title = 'BC_POSITION_EQUAL';
$class = 'trend-equal';
}
else if ($pos < $last_pos)
{
$title = 'BC_POSITION_UP';
$class = 'trend-up';
}
else
{
$title = 'BC_POSITION_DOWN';
$class = 'trend-down';
}
return '<span class="bzh-trend ' . $class . '" title="' . $this->language->lang($title, $pos) . '"><span class="sr-only">' . $this->language->lang($title, $pos) . '</span></span>';
}
La forme :
code : Tout sélectionner
/* Trends
---------------------------------------------------------------------------- */
.bzh-trend {
--trend-size: 18px;
background: var(--trend-image, none) no-repeat 0 0 / contain;
display: inline-flex;
width: var(--trend-size);
height: var(--trend-size);
}
.trend-new { --trend-image: url("./images/trend-new.svg"); }
.trend-equal { --trend-image: url("./images/trend-equal.svg"); }
.trend-up { --trend-image: url("./images/trend-up.svg"); }
.trend-down { --trend-image: url("./images/trend-down.svg"); }