fix(web): highlight thumbnail select icon on button hover (#31974)
fix(web): highlight thumbnail select icon on button hover (#31972) (cherry picked from commit 85a09e42e530490f902a02ca97c8fd8dfdaa2c80) Co-authored-by: Mees Frensel <33722705+meesfrensel@users.noreply.github.com>
This commit is contained in:
co-authored by
Mees Frensel
parent
84fb51a110
commit
508e1ebf5d
@@ -395,7 +395,7 @@
|
||||
<button
|
||||
type="button"
|
||||
onclick={onIconClickedHandler}
|
||||
class={['absolute z-2 p-2 focus:outline-none', { 'cursor-not-allowed': disabled }]}
|
||||
class={['group/select absolute z-2 p-2 focus:outline-none', { 'cursor-not-allowed': disabled }]}
|
||||
role="checkbox"
|
||||
tabindex={-1}
|
||||
aria-checked={selected}
|
||||
@@ -408,7 +408,7 @@
|
||||
<Icon data-icon-select icon={mdiCheckCircle} size="24" class="text-primary" />
|
||||
</div>
|
||||
{:else}
|
||||
<Icon data-icon-select icon={mdiCheckCircle} size="24" class="text-white/80 hover:text-white" />
|
||||
<Icon data-icon-select icon={mdiCheckCircle} size="24" class="text-white/80 group-hover/select:text-white" />
|
||||
{/if}
|
||||
</button>
|
||||
{/if}
|
||||
|
||||
Reference in New Issue
Block a user