Create .btn-arrow-left and add go back link.
This commit is contained in:
parent
c2b3485485
commit
af21ca027b
|
@ -7,6 +7,32 @@ a:hover {
|
||||||
color: rgba(0,0,0,.7);
|
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 {
|
.wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
@ -2,6 +2,8 @@
|
||||||
{% load i18n %}
|
{% load i18n %}
|
||||||
|
|
||||||
{% block content %}
|
{% 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>
|
<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>
|
<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>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue