Create .btn-arrow-left and add go back link.

This commit is contained in:
Santiago Lamora 2019-12-17 10:52:39 +01:00
parent c2b3485485
commit af21ca027b
2 changed files with 28 additions and 0 deletions

View File

@ -7,6 +7,32 @@ a:hover {
color: rgba(0,0,0,.7);
}
.btn-arrow-left{
color: #eee;
background: #D3D0DA;
position: relative;
padding: 8px 20px 8px 30px;
margin-left: 1em; /** equal value than arrow.left **/
}
.btn-arrow-left::after,
.btn-arrow-left::before{
content: "";
position: absolute;
top: 50%;
left: -1em;
margin-top: -19px;
border-top: 19px solid transparent;
border-bottom: 19px solid transparent;
border-right: 1em solid;
}
.btn-arrow-left::after{
border-right-color: #D3D0DA;
z-index: 2;
}
.wrapper {
display: flex;
width: 100%;

View File

@ -2,6 +2,8 @@
{% load i18n %}
{% block content %}
<a id="vert_menu" class="btn-arrow-left" href="{% url 'musician:dashboard' %}">{% trans "Go back" %}</a>
<h1 class="service-name">{% trans "DNS settings for" %} <span class="font-weight-light">{{ object.name }}</span></h1>
<p class="service-description">Litle description of what to be expected in this section to aid the user. Even a link to more help if there is one available.</p>