optimization for visibility

This commit is contained in:
booploops 2022-06-10 05:32:45 -07:00
parent f003296bbf
commit e596659542
3 changed files with 17 additions and 5 deletions

View file

@ -8,8 +8,7 @@
<div v-if="reasonShown" class="reasonSP ">{{item?.meta?.reason?.stringForDisplay ?? ''}}</div>
<div style="{'--spcolor': getBgColor()}"
class="cd-mediaitem-square" :class="getClasses()" @contextmenu="getContextMenu">
<template v-show="isVisible">
<div class="artwork-container">
<div class="artwork-container" v-show="isVisible">
<div class="unavailable-overlay" v-if="unavailable">
<div class="codicon codicon-circle-slash"></div>
</div>
@ -40,6 +39,7 @@
</div>
</div>
<div class="info-rect" :class="{'info-rect-card': kind == 'card'}"
v-show="isVisible"
:style="{'--bgartwork': getArtworkUrl(size, true)}">
<div class="title"
:title="item.attributes?.name ?? (item.relationships?.contents?.data[0]?.attributes?.name ?? (item.attributes?.editorialNotes?.name ?? ''))"
@ -58,7 +58,6 @@
</div>
<div class="subtitle" v-if="getSubtitle() == '' && kind != 'card'">&nbsp;</div>
</div>
</template>
</div>
</div>
</script>