james/yarr
4
0
Fork 0
mirror of https://github.com/nkanaev/yarr.git synced 2025-05-24 00:33:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

show feed errors on the 2nd pane

Browse Source
This commit is contained in:
Nazar Kanaev 2021-04-06 21:37:32 +01:00
parent 9fae33f57b
commit e326c7a0fb
2 changed files with 5 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/assets/index.html
View File

@ -142,8 +142,8 @@
<span class="icon mr-2" v-else><img :src="'./api/feeds/'+feed.id+'/icon'" alt="" loading="lazy"></span>
<span class="flex-fill text-left text-truncate">{{ feed.title }}</span>
<span class="counter text-right">{{ filteredFeedStats[feed.id] || '' }}</span>
<span class="icon flex-shrink-0 mx-2 info"
:data-info="feed_errors[feed.id]"
<span class="icon flex-shrink-0 mx-2"
:title="feed_errors[feed.id]"
v-if="!filterSelected && feed_errors[feed.id]">
{% inline "alert-circle.svg" %}
</span>
@ -246,6 +246,9 @@
</label>
<button class="btn btn-link btn-block loading my-3" v-if="itemsPage.cur < itemsPage.num"></button>
</div>
<div class="px-3 py-2 border-top text-danger text-break" v-if="feed_errors[current.feed.id]">
{{ feed_errors[current.feed.id] }}
</div>
</div>
<!-- item show -->
<div id="col-item" class="vh-100 d-flex flex-column w-100" style="min-width: 0;">

23
src/assets/stylesheets/app.css
View File

@ -127,29 +127,6 @@ select.form-control:not([multiple]):not([size]) {
height: .6rem;
}
.info {
position: relative;
}
.info::after {
visibility: hidden;
position: absolute;
right: -0.5rem;
left: auto;
bottom: 1.5rem;
content: attr(data-info);
color: #fff;
background-color: rgba(0, 0, 0, 0.8);
padding: 0.5rem;
border-radius: 3px;
min-width: 16rem;
z-index: 1000;
}
.info:hover::after {
visibility: visible;
}
.feed-icon {
width: 16px;
height: 16px;