Align Info and Actionable items separately

Align the information to the left side, and the actionable buttons to
the right.

See https://github.com/miniflux/miniflux/pull/531#issuecomment-578547488
This commit is contained in:
somini 2020-01-28 02:41:34 +00:00 committed by Frédéric Guillot
parent 15727f716a
commit 078f886f39
4 changed files with 20 additions and 13 deletions

View file

@ -106,6 +106,8 @@ var templateCommonMap = map[string]string{
<li> <li>
<time datetime="{{ isodate .entry.Date }}" title="{{ isodate .entry.Date }}">{{ elapsed .user.Timezone .entry.Date }}</time> <time datetime="{{ isodate .entry.Date }}" title="{{ isodate .entry.Date }}">{{ elapsed .user.Timezone .entry.Date }}</time>
</li> </li>
</ul>
<ul>
{{ if .hasSaveEntry }} {{ if .hasSaveEntry }}
<li> <li>
<a href="#" <a href="#"
@ -355,7 +357,7 @@ var templateCommonMapChecksums = map[string]string{
"entry_pagination": "4faa91e2eae150c5e4eab4d258e039dfdd413bab7602f0009360e6d52898e353", "entry_pagination": "4faa91e2eae150c5e4eab4d258e039dfdd413bab7602f0009360e6d52898e353",
"feed_list": "db406e7cb81292ce1d974d63f63270384a286848b2e74fe36bf711b4eb5717dd", "feed_list": "db406e7cb81292ce1d974d63f63270384a286848b2e74fe36bf711b4eb5717dd",
"feed_menu": "318d8662dda5ca9dfc75b909c8461e79c86fb5082df1428f67aaf856f19f4b50", "feed_menu": "318d8662dda5ca9dfc75b909c8461e79c86fb5082df1428f67aaf856f19f4b50",
"item_meta": "061107d7adf9b7430b5f28a0f452a294df73c3b16c19274e9ce6f7cdf71064a4", "item_meta": "d046305e8935ecd8643a94d28af384df29e40fc7ce334123cd057a6522bac23f",
"layout": "a1f67b8908745ee4f9cee6f7bbbb0b242d4dcc101207ad4a9d67242b45683299", "layout": "a1f67b8908745ee4f9cee6f7bbbb0b242d4dcc101207ad4a9d67242b45683299",
"pagination": "3386e90c6e1230311459e9a484629bc5d5bf39514a75ef2e73bbbc61142f7abb", "pagination": "3386e90c6e1230311459e9a484629bc5d5bf39514a75ef2e73bbbc61142f7abb",
"settings_menu": "78e5a487ede18610b23db74184dab023170f9e083cc0625bc2c874d1eea1a4ce", "settings_menu": "78e5a487ede18610b23db74184dab023170f9e083cc0625bc2c874d1eea1a4ce",

View file

@ -7,6 +7,8 @@
<li> <li>
<time datetime="{{ isodate .entry.Date }}" title="{{ isodate .entry.Date }}">{{ elapsed .user.Timezone .entry.Date }}</time> <time datetime="{{ isodate .entry.Date }}" title="{{ isodate .entry.Date }}">{{ elapsed .user.Timezone .entry.Date }}</time>
</li> </li>
</ul>
<ul>
{{ if .hasSaveEntry }} {{ if .hasSaveEntry }}
<li> <li>
<a href="#" <a href="#"

File diff suppressed because one or more lines are too long

View file

@ -632,6 +632,9 @@ a.button {
} }
.item-meta { .item-meta {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
color: var(--item-meta-focus-color); color: var(--item-meta-focus-color);
font-size: 0.8em; font-size: 0.8em;
} }