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

content layout fixes

Browse Source
This commit is contained in:
Nazar Kanaev 2020-08-03 21:39:46 +01:00
parent b16e43a4a0
commit ac5fa62cf3
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
template/index.html
View File

@ -154,7 +154,7 @@
</div> </div>
</div> </div>
<!-- item show --> <!-- item show -->
<div class="vh-100 d-flex flex-column w-100"> <div class="vh-100 d-flex flex-column w-100" style="min-width: 0;">
<div class="toolbar pl-2 d-flex align-items-center" v-if="itemSelected"> <div class="toolbar pl-2 d-flex align-items-center" v-if="itemSelected">
<button class="toolbar-item" <button class="toolbar-item"
@click="toggleItemStarred(itemSelectedDetails)" @click="toggleItemStarred(itemSelectedDetails)"
@ -217,18 +217,18 @@
</div> </div>
</b-popover> </b-popover>
</div> </div>
<div v-if="itemSelected" class="px-4 pt-3 pb-5 border-top overflow-auto"> <div v-if="itemSelected"
class="content px-4 pt-3 pb-5 border-top overflow-auto"
:style="{'font-family': theme.font, 'font-size': theme.size + 'rem'}">
<h3>{{itemSelectedDetails.title}}</h3> <h3>{{itemSelectedDetails.title}}</h3>
<div class="text-muted"> <div class="text-muted">
<div>{{ feedsById[itemSelectedDetails.feed_id].title }}</div> <div>{{ feedsById[itemSelectedDetails.feed_id].title }}</div>
<time>{{ formatDate(itemSelectedDetails.date) }}</time> <time>{{ formatDate(itemSelectedDetails.date) }}</time>
</div> </div>
<hr> <hr>
<div class="content" :style="{'font-family': theme.font, 'font-size': theme.size + 'rem'}"> <div v-html="$sanitize(itemSelectedReadability)" v-if="itemSelectedReadability"></div>
<div v-html="$sanitize(itemSelectedReadability)" v-if="itemSelectedReadability"></div> <div v-html="$sanitize(itemSelectedDetails.content)" v-else-if="itemSelectedDetails.content"></div>
<div v-html="$sanitize(itemSelectedDetails.content)" v-else-if="itemSelectedDetails.content"></div> <div v-html="$sanitize(itemSelectedDetails.description)" v-else-if="itemSelectedDetails.description"></div>
<div v-html="$sanitize(itemSelectedDetails.description)" v-else-if="itemSelectedDetails.description"></div>
</div>
</div> </div>
</div> </div>
<b-modal id="settings-modal" hide-header hide-footer lazy> <b-modal id="settings-modal" hide-header hide-footer lazy>

4
template/static/stylesheets/app.css
View File

@ -444,6 +444,10 @@ select.form-control:not([multiple]):not([size]) {
padding-left: 1rem; padding-left: 1rem;
} }
.content pre {
overflow-x: scroll;
}
/* theme */ /* theme */
.theme-light { .theme-light {