Fiddle with package button styling

This commit is contained in:
rubenwardy 2020-01-18 00:15:29 +00:00
parent 3fee369dc1
commit 311e0218af
3 changed files with 33 additions and 27 deletions

View File

@ -4,7 +4,7 @@
@import "comments.scss"; @import "comments.scss";
.dropdown-menu { .dropdown-menu {
margin-top: 0; margin-top: 0;
} }
.dropdown:hover .dropdown-menu { .dropdown:hover .dropdown-menu {
@ -16,42 +16,48 @@
} }
#alerts { #alerts {
display: block; display: block;
list-style: none; list-style: none;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left:0; left:0;
right:0; right:0;
margin: 0; margin: 0;
padding:0; padding:0;
z-index: 1000; z-index: 1000;
} }
#alerts li { #alerts li {
list-style: none; list-style: none;
} }
.jumbotron { .jumbotron {
background-size: cover; background-size: cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
.btn-outline-secondary {
color: #eee;
border-color: #666;
background: rgba(102, 102, 102, 0.3);
}
} }
.alert .btn { .alert .btn {
text-decoration: none; text-decoration: none;
} }
.card .table { .card .table {
margin-bottom: 0; margin-bottom: 0;
} }
.btn-download { .btn-download {
color: #fff; color: #fff;
background-color: #00b05c; background-color: #00b05c;
border-color: #00b05c; border-color: #00b05c;
} }
.btn-download:focus, .btn-download.focus { .btn-download:focus, .btn-download.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.5); -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); box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.5);
} }

View File

@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}title{% endblock %} - {{ config.USER_APP_NAME }}</title> <title>{% block title %}title{% endblock %} - {{ config.USER_APP_NAME }}</title>
<link rel="stylesheet" type="text/css" href="/static/bootstrap.css"> <link rel="stylesheet" type="text/css" href="/static/bootstrap.css">
<link rel="stylesheet" type="text/css" href="/static/custom.css?v=7"> <link rel="stylesheet" type="text/css" href="/static/custom.css?v=8">
<link rel="search" type="application/opensearchdescription+xml" href="/static/opensearch.xml" title="ContentDB" /> <link rel="search" type="application/opensearchdescription+xml" href="/static/opensearch.xml" title="ContentDB" />
<link rel="shortcut icon" href="/favicon-16.png" sizes="16x16"> <link rel="shortcut icon" href="/favicon-16.png" sizes="16x16">
<link rel="icon" href="/favicon-128.png" sizes="128x128"> <link rel="icon" href="/favicon-128.png" sizes="128x128">

View File

@ -23,14 +23,14 @@
</p> </p>
<div class="row" style="margin-top: 2rem;"> <div class="row" style="margin-top: 2rem;">
<div class="col"> <div class="col text-secondary">
{{ package.getDownloadCount() }} downloads {{ package.getDownloadCount() }} downloads
</div> </div>
<div class="btn-group-horizontal col-md-auto"> <div class="btn-group-horizontal col-md-auto">
{% if package.repo %}<a class="btn btn-secondary" href="{{ package.repo }}">View Source</a>{% endif %} {% if package.repo %}<a class="btn btn-outline-secondary" href="{{ package.repo }}">View Source</a>{% endif %}
{% if package.forums %}<a class="btn btn-secondary" href="https://forum.minetest.net/viewtopic.php?t={{ package.forums }}">Forums</a>{% endif %} {% if package.forums %}<a class="btn btn-outline-secondary" href="https://forum.minetest.net/viewtopic.php?t={{ package.forums }}">Forums</a>{% endif %}
{% if package.issueTracker %}<a class="btn btn-secondary" href="{{ package.issueTracker }}">Issue Tracker</a>{% endif %} {% if package.issueTracker %}<a class="btn btn-outline-secondary" href="{{ package.issueTracker }}">Issue Tracker</a>{% endif %}
{% if package.website %}<a class="btn btn-secondary" href="{{ package.website }}">Website</a>{% endif %} {% if package.website %}<a class="btn btn-outline-secondary" href="{{ package.website }}">Website</a>{% endif %}
</div> </div>
</div> </div>
</div> </div>