james/yarr
4
0
Fork 0
mirror of https://github.com/nkanaev/yarr.git synced 2025-10-30 06:31:07 +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
Download Patch File Download Diff File Expand all files Collapse all files

8
template/index.html
View File

@@ -154,7 +154,7 @@
</div>
</div>
<!-- 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">
<button class="toolbar-item"
@click="toggleItemStarred(itemSelectedDetails)"
@@ -217,20 +217,20 @@
</div>
</b-popover>
</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>
<div class="text-muted">
<div>{{ feedsById[itemSelectedDetails.feed_id].title }}</div>
<time>{{ formatDate(itemSelectedDetails.date) }}</time>
</div>
<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(itemSelectedDetails.content)" v-else-if="itemSelectedDetails.content"></div>
<div v-html="$sanitize(itemSelectedDetails.description)" v-else-if="itemSelectedDetails.description"></div>
</div>
</div>
</div>
<b-modal id="settings-modal" hide-header hide-footer lazy>
<button class="btn btn-link outline-none float-right p-2 mr-n2 mt-n2" style="line-height: 1" @click="$bvModal.hide('settings-modal')">
<span class="icon">{% inline "x.svg" %}</span>

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

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