use svg icon for packed article placeholders

This commit is contained in:
Andrew Dolgov 2021-03-16 21:40:20 +03:00
parent 92f859add2
commit 7a1e1630d8
8 changed files with 33 additions and 2 deletions

View File

@ -283,7 +283,9 @@ const Article = {
row.setAttribute("data-content", row.getAttribute("data-content-original"));
row.removeAttribute("data-content-original");
row.querySelector(".content-inner").innerHTML = " ";
row.querySelector(".content-inner").innerHTML = `<div class="text-center">
<img class="icon-unpack-pending" src="${App.getInitParam('icon_three_dots')}">
</div>`
}
},
view: function (id, no_expand) {

View File

@ -534,7 +534,9 @@ const Headlines = {
<div class="content" onclick="return Headlines.click(event, ${hl.id}, true);">
${Article.renderNote(hl.id, hl.note)}
<div class="content-inner" lang="${hl.lang ? hl.lang : 'en'}">
<img src="${App.getInitParam('icon_indicator_white')}">
<div class="text-center">
<img class="icon-unpack-pending" src="${App.getInitParam('icon_three_dots')}">
</div>
</div>
<div class="intermediate">
${Article.renderEnclosures(hl.enclosures)}

View File

@ -1375,6 +1375,10 @@ body.ttrss_utility hr {
.cdm .feed-title a:hover {
color: #257aa7;
}
.cdm .content-inner .icon-unpack-pending {
width: 18px;
height: 18px;
}
.cdm .content-inner .embed-responsive {
overflow: hidden;
padding-bottom: 56.25%;

View File

@ -1375,6 +1375,10 @@ body.ttrss_utility hr {
.cdm .feed-title a:hover {
color: #b87d2c;
}
.cdm .content-inner .icon-unpack-pending {
width: 18px;
height: 18px;
}
.cdm .content-inner .embed-responsive {
overflow: hidden;
padding-bottom: 56.25%;

View File

@ -1375,6 +1375,10 @@ body.ttrss_utility hr {
.cdm .feed-title a:hover {
color: #257aa7;
}
.cdm .content-inner .icon-unpack-pending {
width: 18px;
height: 18px;
}
.cdm .content-inner .embed-responsive {
overflow: hidden;
padding-bottom: 56.25%;

View File

@ -208,6 +208,13 @@
}
}
.content-inner {
.icon-unpack-pending {
width : 18px;
height : 18px;
}
}
.content-inner .embed-responsive {
overflow : hidden;
padding-bottom : @embed-responsive-padding;

View File

@ -1376,6 +1376,10 @@ body.ttrss_utility hr {
.cdm .feed-title a:hover {
color: #b87d2c;
}
.cdm .content-inner .icon-unpack-pending {
width: 18px;
height: 18px;
}
.cdm .content-inner .embed-responsive {
overflow: hidden;
padding-bottom: 56.25%;

View File

@ -1376,6 +1376,10 @@ body.ttrss_utility hr {
.cdm .feed-title a:hover {
color: #257aa7;
}
.cdm .content-inner .icon-unpack-pending {
width: 18px;
height: 18px;
}
.cdm .content-inner .embed-responsive {
overflow: hidden;
padding-bottom: 56.25%;