removed inline CSS rules in "title", broke observability

This commit is contained in:
booploops 2022-01-31 19:25:46 -08:00
parent cb48e9291d
commit 3924c2fb87

View file

@ -14,7 +14,7 @@
@mouseleave="showInLibrary = false"
:class="[{'mediaitem-selected': app.select_hasMediaItem(guid)}, addClasses]">
<template v-if="isVisible">
<div class="isLibrary"" v-if="showLibraryStatus == true">
<div class="isLibrary" v-if="showLibraryStatus == true">
<div v-if="showInLibrary" :style="{display: (showInLibrary ? 'block' : 'none'), 'margin-left':'11px'}">
<button @click="addToLibrary()" v-if="!addedToLibrary">
<div class="svg-icon" :style="{'--color': 'var(--keyColor)', '--url': 'url(./assets/feather/plus.svg)'}"></div>
@ -39,7 +39,7 @@
</div>
<div class="info-rect text-overflow-elipsis" :style="{'padding-left': (showArtwork ? '' : '16px')}"
@dblclick="route()">
<div class="title" style="text-overflow: ellipsis; overflow: hidden; white-space: nowrap;">
<div class="title">
{{ item.attributes.name }}
</div>
<div class="subtitle text-overflow-elipsis" style="-webkit-box-orient: horizontal;">