fix: Remove placeholder for cards without images (#1135)

* Remove placeholder for cards without images

* remove no longer needed svg
This commit is contained in:
sgenoud 2019-04-09 04:14:18 +02:00 committed by Nolan Lawson
parent db222ef007
commit 1dec3b55f9
2 changed files with 2 additions and 10 deletions

View file

@ -46,6 +46,5 @@ module.exports = [
{ id: 'fa-search-plus', src: 'src/thirdparty/font-awesome-svg-png/white/svg/search-plus.svg' }, { id: 'fa-search-plus', src: 'src/thirdparty/font-awesome-svg-png/white/svg/search-plus.svg' },
{ id: 'fa-share-square-o', src: 'src/thirdparty/font-awesome-svg-png/white/svg/share-square-o.svg' }, { id: 'fa-share-square-o', src: 'src/thirdparty/font-awesome-svg-png/white/svg/share-square-o.svg' },
{ id: 'fa-flag', src: 'src/thirdparty/font-awesome-svg-png/white/svg/flag.svg' }, { id: 'fa-flag', src: 'src/thirdparty/font-awesome-svg-png/white/svg/flag.svg' },
{ id: 'fa-suitcase', src: 'src/thirdparty/font-awesome-svg-png/white/svg/suitcase.svg' }, { id: 'fa-suitcase', src: 'src/thirdparty/font-awesome-svg-png/white/svg/suitcase.svg' }
{ id: 'fa-file-text', src: 'src/thirdparty/font-awesome-svg-png/white/svg/file-text.svg' }
] ]

View file

@ -6,15 +6,10 @@
<div class="card-content"> <div class="card-content">
{#if imageUrl} {#if imageUrl}
<LazyImage forceSize={true} height="50" width="50" src={imageUrl} ariaHidden={true} /> <LazyImage forceSize={true} height="50" width="50" src={imageUrl} ariaHidden={true} />
{:else}
<SvgIcon style="width: 30px; height: 30px; padding: 10px; fill: var(--action-button-deemphasized-fill-color);"
href="#fa-file-text" />
{/if} {/if}
{#if description}
<span class="card-description"> <span class="card-description">
{description} {description}
</span> </span>
{/if}
</div> </div>
{/if} {/if}
</a> </a>
@ -41,7 +36,7 @@
background: transparent; background: transparent;
} }
.status-card :first-child { .status-card :first-child:not(span) {
flex-shrink: 0; flex-shrink: 0;
} }
@ -77,11 +72,9 @@
</style> </style>
<script> <script>
import LazyImage from '../LazyImage.html' import LazyImage from '../LazyImage.html'
import SvgIcon from '../SvgIcon.html'
export default { export default {
components: { components: {
SvgIcon,
LazyImage LazyImage
}, },
computed: { computed: {