ungleich-public/dynamicweb
6
0
Fork 0
Code Issues 1 Pull requests 2 Projects Releases Wiki Activity

download btn icon added for mobile

Browse source
This commit is contained in:
ARvind Tiwari 2017-07-27 17:33:44 +05:30
parent 8a9242d74d
commit 99788468d1
3 changed files with 27 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
hosting/static/hosting/css/bootstrap.min.css vendored
View file

File diff suppressed because one or more lines are too long

24
hosting/static/hosting/css/user_keys.css
View file

@ -32,12 +32,15 @@ h2,h3,h4,h5{
/* vertical-align: middle; */
/* align-items: center; */
/* justify-content: space-between; */
text-align: right;
/* text-align: right; */
}
.ssh-header-container p{
margin: 0;
padding: 0;
color: #717274;
font-size: 16px;
font-weight: 300;
font-family: 'Lato';
}
.borderless tbody:before {
@ -47,7 +50,7 @@ h2,h3,h4,h5{
background-color: #337ab7;
margin-top: auto;
margin-bottom: auto;
font-weight: 600;
font-weight: 700;
vertical-align: middle;
margin-right: 25px;
}
@ -273,4 +276,19 @@ h2,h3,h4,h5{
.has-success .form_public_key,
.has-success .form_public_key:focus {
box-shadow: none;
}
.mob-only {
display: none;
}
@media (max-width: 767px) {
.mob-only {
display: initial;
}
.pc-only {
display: none;
}
}
}

7
hosting/templates/hosting/user_keys.html
View file

@ -15,8 +15,9 @@
</div>
{% endif %}
<div class="ssh-header-container">
<p>To generate a new key pair or to upload your existing key, click "Add Key"</p>
<a class="btn btn-primary btn-custom-download" href="{% url 'hosting:choice_ssh_keys' %}" >
<span class="button-plus">✚</span>&nbsp;&nbsp;{% trans "Add Key"%}
<span class="fa fa-plus"></span>&nbsp;&nbsp;{% trans "Add Key"%}
</a>
</div>
@ -101,7 +102,9 @@
{% if user_key.private_key %}
<form action="{{ user_key.private_key.url }}">
<button style="color: #717274" type="submit" class="btn btn-default" data-toggle="modal"
>{% trans "Download"%}
>
<span class="pc-only">{% trans "Download"%}</span>
<span class="mob-only"><i class="fa fa-download"></i></span>
</button>
</form>
{% endif %}