forked from 00dani/lemoncurry
Allow info fields to wrap if long, rather than squish the main content of the entry
This commit is contained in:
parent
6054accc54
commit
cf0264b5a6
2 changed files with 19 additions and 12 deletions
|
@ -7,22 +7,22 @@
|
||||||
{{i}}<span class="p-name sr-only">{{ entry.author.name }}</span>
|
{{i}}<span class="p-name sr-only">{{ entry.author.name }}</span>
|
||||||
{{i}}</a>
|
{{i}}</a>
|
||||||
{{i}}<a class="u-uid u-url" href="{{ entry.url }}">
|
{{i}}<a class="u-uid u-url" href="{{ entry.url }}">
|
||||||
{{i}}<time class="dt-published" datetime="{{ entry.published.isoformat() }}">
|
{{i}}<time class="dt-published media" datetime="{{ entry.published.isoformat() }}">
|
||||||
{{i}}<i class="fas fa-calendar" aria-hidden="true"></i>
|
{{i}}<i class="fas fa-fw fa-calendar" aria-hidden="true"></i>
|
||||||
{{i}}{{ entry.published | naturaltime }}
|
{{i}}<div class="media-body">{{ entry.published | naturaltime }}</div>
|
||||||
{{i}}</time>
|
{{i}}</time>
|
||||||
{{i}}</a>
|
{{i}}</a>
|
||||||
{{i}}<time class="dt-updated" datetime="{{ entry.updated.isoformat() }}"{% if (entry.updated | naturaltime) == (entry.published | naturaltime) %} hidden{% endif %}>
|
{{i}}<time class="dt-updated media" datetime="{{ entry.updated.isoformat() }}"{% if (entry.updated | naturaltime) == (entry.published | naturaltime) %} hidden{% endif %}>
|
||||||
{{i}}<i class="fas fa-pencil-alt" aria-hidden="true"></i>
|
{{i}}<i class="fas fa-fw fa-pencil-alt" aria-hidden="true"></i>
|
||||||
{{i}}{{ entry.updated | naturaltime }}
|
{{i}}<div class="media-body">{{ entry.updated | naturaltime }}</div>
|
||||||
{{i}}</time>
|
{{i}}</time>
|
||||||
{{i}}<a class="u-url" href="{{ entry.short_url }}">
|
{{i}}<a class="u-url media" href="{{ entry.short_url }}">
|
||||||
{{i}}<i class="fas fa-link" aria-hidden="true"></i>
|
{{i}}<i class="fas fa-fw fa-link" aria-hidden="true"></i>
|
||||||
{{i}}{{ entry.short_url | friendly_url }}
|
{{i}}<div class="media-body">{{ entry.short_url | friendly_url }}</div>
|
||||||
{{i}}</a>
|
{{i}}</a>
|
||||||
{{i}}</aside>
|
{{i}}</aside>
|
||||||
|
|
||||||
{{i}}<div class="card">
|
{{i}}<div class="card media-body">
|
||||||
{% if entry.photo %}
|
{% if entry.photo %}
|
||||||
{{i}}<img class="card-img-top u-photo" src="{{ entry.photo.url }}" />
|
{{i}}<img class="card-img-top u-photo" src="{{ entry.photo.url }}" />
|
||||||
|
|
||||||
|
|
|
@ -14,17 +14,24 @@ ol.entries, div.entry
|
||||||
> aside.info
|
> aside.info
|
||||||
display flex
|
display flex
|
||||||
flex-direction column
|
flex-direction column
|
||||||
align-items center
|
align-items flex-start
|
||||||
font-size 0.8rem
|
font-size 0.8rem
|
||||||
margin-right 1rem
|
margin-right 0.4rem
|
||||||
|
width 7rem
|
||||||
|
|
||||||
a.p-author
|
a.p-author
|
||||||
|
align-self center
|
||||||
text-align center
|
text-align center
|
||||||
img.u-photo
|
img.u-photo
|
||||||
border-radius .25rem
|
border-radius .25rem
|
||||||
height 3em
|
height 3em
|
||||||
> *
|
> *
|
||||||
margin-bottom .25rem
|
margin-bottom .25rem
|
||||||
|
.media
|
||||||
|
align-items baseline
|
||||||
|
max-width 10rem
|
||||||
|
> :first-child
|
||||||
|
margin-right 2px
|
||||||
> .card
|
> .card
|
||||||
flex 1
|
flex 1
|
||||||
.e-content
|
.e-content
|
||||||
|
|
Loading…
Reference in a new issue