Improve button colours and position in package view

This commit is contained in:
rubenwardy 2018-12-22 12:20:26 +00:00
parent f355721cdb
commit 5dcff01436
2 changed files with 20 additions and 11 deletions

View File

@ -20,3 +20,14 @@
.alert .btn { .alert .btn {
text-decoration: none; text-decoration: none;
} }
.btn-download {
color: #fff;
background-color: #00b05c;
border-color: #00b05c;
}
.btn-download:focus, .btn-download.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.5);
box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.5);
}

View File

@ -122,7 +122,7 @@
<aside class="float-right ml-4" style="width: 18rem;"> <aside class="float-right ml-4" style="width: 18rem;">
{% if package.getDownloadRelease() %} {% if package.getDownloadRelease() %}
<a class="btn btn-success btn-lg btn-block" <a class="btn btn-download btn-lg btn-block"
href="{{ package.getDownloadURL() }}" class="btn_green"> href="{{ package.getDownloadURL() }}" class="btn_green">
Download Download
</a> </a>
@ -135,13 +135,13 @@
Details Details
<div class="btn-group float-right"> <div class="btn-group float-right">
{% if package.checkPerm(current_user, "EDIT_PACKAGE") %} {% if package.checkPerm(current_user, "EDIT_PACKAGE") %}
<a class="btn btn-primary btn-sm btn-xs mx-1" href="{{ package.getEditURL() }}">Edit</a> <a class="btn btn-default btn-sm mx-1" href="{{ package.getEditURL() }}">Edit</a>
{% endif %} {% endif %}
{# {% if current_user.is_authenticated %} {# {% if current_user.is_authenticated %}
<a class="btn btn-primary btn-sm btn-xs mx-1" href="{{ package.getCreateEditRequestURL() }}">Suggest Changes</a> <a class="btn btn-default btn-sm mx-1" href="{{ package.getCreateEditRequestURL() }}">Suggest Changes</a>
{% endif %} #} {% endif %} #}
{% if package.checkPerm(current_user, "DELETE_PACKAGE") %} {% if package.checkPerm(current_user, "DELETE_PACKAGE") %}
<a class="btn btn-danger btn-sm btn-xs mx-1" href="{{ package.getDeleteURL() }}">Delete</a> <a class="btn btn-danger btn-sm mx-1" href="{{ package.getDeleteURL() }}">Delete</a>
{% endif %} {% endif %}
</div> </div>
@ -251,8 +251,8 @@
<div class="card-header"> <div class="card-header">
Releases Releases
{% if package.checkPerm(current_user, "MAKE_RELEASE") %} {% if package.checkPerm(current_user, "MAKE_RELEASE") %}
<a class="btn btn-xs btn-primary float-right" <a class="float-right"
href="{{ package.getCreateReleaseURL() }}">+</a> href="{{ package.getCreateReleaseURL() }}">+</a>
{% endif %} {% endif %}
</div> </div>
<ul class="list-group list-group-flush"> <ul class="list-group list-group-flush">
@ -291,13 +291,11 @@
<div class="card my-4""> <div class="card my-4"">
<div class="card-header"> <div class="card-header">
Threads
{% if package.approved and package.checkPerm(current_user, "CREATE_THREAD") %} {% if package.approved and package.checkPerm(current_user, "CREATE_THREAD") %}
<a class="btn btn-xs btn-primary float-right" <a class="float-right"
href="{{ url_for('new_thread_page', pid=package.id) }}"> href="{{ url_for('new_thread_page', pid=package.id) }}">+</a>
+
</a>
{% endif %} {% endif %}
Threads
</div> </div>
<ul class="list-group list-group-flush"> <ul class="list-group list-group-flush">
{% from "macros/threads.html" import render_threadlist %} {% from "macros/threads.html" import render_threadlist %}