Hostea
/
dashboard
2
2
Fork 1
Code Issues 11 Pull Requests Projects Releases Wiki Activity

feat: add support links to secondary nav

wip-payments
Aravinth Manivannan 2022-06-17 17:27:49 +05:30
parent 5a10b06e11
commit d2fc48f399
Signed by: realaravinth
GPG Key ID: AD9F0F08E855ED88
3 changed files with 41 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dash/templates/dash/common/components/primary-nav.html
View File

@ -23,7 +23,7 @@
> >
</div> </div>
<div class="nav__link-container"> <div class="nav__link-container">
<a class="nav__link" rel="noreferrer" href="{% url 'accounts.login' %}" <a class="nav__link" rel="noreferrer" href="{% url 'support.home' %}"
>Support</a >Support</a
> >
</div> </div>

12
dash/templates/dash/common/components/secondary-nav.html
View File

@ -5,7 +5,17 @@
</div> </div>
<div class="secondary-nav__options"> <div class="secondary-nav__options">
<a href="/foo" class="secondary-nav__option-link">Instances</a> <a href="/foo" class="secondary-nav__option-link">Instances</a>
<a href="/foo" class="secondary-nav__option-link">Support</a> <details class="secondary-nav__options-group" {{ open_support }}>
<summary><a href="{% url 'support.home' %}">Support</a></summary>
<div class="secondary-nav__options-group-options">
<a href="{% url 'support.new' %}" class="secondary-nav__option-link">
New Ticket
</a>
<a href="{% url 'support.view' %}" class="secondary-nav__option-link">
Open Tickets
</a>
</div>
</details>
<a href="/foo" class="secondary-nav__option-link">Billing</a> <a href="/foo" class="secondary-nav__option-link">Billing</a>
</div> </div>
<div class="secondary-nav__options"> <div class="secondary-nav__options">

42
static/css/main.css
View File

@ -368,19 +368,6 @@ pre {
text-align: right; text-align: right;
} }
details,
summary {
display: "inline";
margin: 0;
padding: 0;
}
summary::marker {
content: "";
margin: 0;
padding: 0 5px;
}
.line-link { .line-link {
display: block; display: block;
} }
@ -499,7 +486,6 @@ footer {
box-sizing: border-box; box-sizing: border-box;
} }
.secondary-nav__options { .secondary-nav__options {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -514,6 +500,34 @@ footer {
background-color: lightslategray; background-color: lightslategray;
} }
.secondary-nav__options-group {
padding: 20px 0 20px 20px;
}
.secondary-nav__options-group-options {
display: flex;
flex-direction: column;
margin-left: 10px;
}
.secondary-nav__options-group > summary {
list-style: none;
}
.secondary-nav__options-group > summary::-webkit-details-marker {
display: none;
}
.secondary-nav__options-group > summary::after {
margin-left: 30px;
content: " ►";
}
.secondary-nav__options-group[open] > summary::after {
margin-left: 30px;
content: " ▼";
}
/* secondary nav ends */ /* secondary nav ends */
.dash__main { .dash__main {