mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-01-21 07:55:00 +00:00
app: Make the donation button more prominent
This is high visibility to the donation link and almost prompts users to donate instead of passively providing the information. Given how many free software struggle to stay alive, this is needed. Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org> Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
This commit is contained in:
parent
f9fd278e8c
commit
29e3c9eaa8
@ -11,7 +11,7 @@
|
||||
|
||||
{% include "clients-button.html" with clients=app_info.clients enabled=is_enabled %}
|
||||
|
||||
{% if has_diagnostics or app_info.donation_url %}
|
||||
{% if has_diagnostics %}
|
||||
<!-- Single button -->
|
||||
<div class="btn-group button-extra-actions">
|
||||
<button type="button" class="btn btn-default dropdown-toggle"
|
||||
@ -26,20 +26,20 @@
|
||||
{% include "diagnostics_button.html" with app_id=app_id enabled=is_enabled %}
|
||||
</li>
|
||||
{% endif %}
|
||||
|
||||
{% if app_info.donation_url %}
|
||||
<li>
|
||||
<a target="_blank" rel="noopener noreferrer"
|
||||
href="{{ app_info.donation_url }}">
|
||||
{% trans "Donate" %}
|
||||
<span class="fa fa-external-link"></span>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if app_info.donation_url %}
|
||||
<a target="_blank" rel="noopener noreferrer"
|
||||
class="btn btn-default button-donate" role="button"
|
||||
href="{{ app_info.donation_url }}">
|
||||
<span class="fa fa-heart"></span>
|
||||
{% trans "Donate" %}
|
||||
<span class="fa fa-external-link"></span>
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
<div class="toolbar-collapsed-content">
|
||||
{% include "clients.html" with clients=app_info.clients enabled=is_enabled %}
|
||||
|
||||
@ -554,7 +554,8 @@ input[type='submit'].running-status-button {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.btn-toolbar .button-extra-actions {
|
||||
.btn-toolbar .button-extra-actions,
|
||||
.btn-toolbar .button-donate {
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user