Show contributor/contribution details on mobile

Refs #163

On small screens, when selecting a contribution or contributor, the
lists are hidden and only the details are shown. The transitions are
animated using liquid-fire.
This commit is contained in:
2019-11-28 17:08:41 +01:00
parent 15e5d3c2fb
commit bb4a64e957
6 changed files with 112 additions and 36 deletions
+1 -1
View File
@@ -92,7 +92,7 @@
</div>
<div id="details">
{{outlet}}
{{liquid-outlet}}
</div>
</main>
@@ -42,7 +42,7 @@
kredits will be issued.
</p>
<p>
{{link-to "Re-submit contribution …" "contributions.resubmit" model class="button small green"}}.
{{link-to "Re-submit contribution …" "contributions.resubmit" model class="button small green"}}
</p>
</div>
{{/if}}
@@ -50,7 +50,7 @@
<div class="actions">
<p>
{{link-to "Copy & edit as new" "contributions.resubmit" model class="button small"}}.
{{link-to "Copy & edit as new" "contributions.resubmit" model class="button small"}}
{{#if model.ipfsHash}}
<a href="{{ipfsGatewayUrl}}/{{model.ipfsHash}}"
class="button small" target="_blank" rel="noopener">