Skip to content

Commit 744b392

Browse files
committed
no background image on newsfeed items unless image is empty
1 parent 6d00eae commit 744b392

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

src/components/frontPage/NewsFeedSection.vue

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
:key="item.nid"
77
>
88
<template v-if="itemIndex < 5">
9-
<div class="thumbnail">
9+
<div :class="`thumbnail ${item.field_image === '' ? 'no-image' : 'has-image'}`">
1010
<img
1111
:src="item.field_image"
1212
v-if="item.field_image != ''"
@@ -65,10 +65,12 @@ export default Vue.component("news-feed-section", {
6565
margin-right: 15px;
6666
float: left;
6767
background-color: #eeeeee;
68-
background-image: url("https://kp4cd.org/sites/default/files/images/news.svg");
6968
border-radius: 5px;
7069
border: solid 1px #ccc;
7170
overflow: hidden;
7271
text-align: center;
7372
}
73+
.no-image {
74+
background-image: url("https://kp4cd.org/sites/default/files/images/news.svg");
75+
}
7476
</style>

0 commit comments

Comments
 (0)