darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-09 13:59:49 -04:00
Code Issues Packages Projects Releases Wiki Activity

adjusted lists for choose accounts page

Browse Source
This commit is contained in:
chrisw
2018-03-09 10:38:33 +00:00
committed by Leo Hemsted
parent 2f37e37278
commit 7e4c5c97b0
2 changed files with 31 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/assets/stylesheets/components/browse-list.scss
View File

@@ -1,18 +1,24 @@
.browse-list { .browse-list {
margin-bottom: $gutter-half;
margin-bottom: $gutter; .browse-sub-list {
margin-top: $gutter-half;
margin-left: $gutter;
@include media('desktop') {
margin-left: $gutter * 2;
}
}
&-item { &-item,
&-sub-item {
list-style: none; list-style: none;
margin-bottom: $gutter-two-thirds; margin-bottom: $gutter-half;
} }
&-link { &-link {
@include bold-24; @include bold-24;
&-destructive { &-destructive {
@include bold-24; @include bold-24;
color: $error-colour; color: $error-colour;
@@ -25,14 +31,11 @@
&:hover { &:hover {
color: $mellow-red; color: $mellow-red;
} }
} }
} }
&-hint { &-hint {
@include core-19; @include core-19;
margin-top: 5px; margin-top: 5px;
} }
} }

52
app/templates/views/choose-account.html
View File

@@ -9,45 +9,33 @@
<h1 class="heading-large"> <h1 class="heading-large">
Choose account Choose account
</h1> </h1>
<nav class="browse-list">
{% for org in organisations %} <ul>
<div class="keyline-block">&nbsp;</div> {% for org in organisations %}
<div> <li class="browse-list-item">
<nav>
<div class="browse-list-item">
<a href="{{ url_for('.organisation_dashboard', org_id=org.id) }}" class="browse-list-link">{{ org.name }}</a> <a href="{{ url_for('.organisation_dashboard', org_id=org.id) }}" class="browse-list-link">{{ org.name }}</a>
</div> {% if org.services %}
<div style="margin-left: 30px" class="browse-list"> <ul class="browse-sub-list">
<ul> {% for item in org.services %}
{% for item in org.services %} <li class="browse-list-sub-item">
<li class="browse-list-item"> <a href="{{ url_for('.service_dashboard', service_id=item.id) }}" class="browse-list-link">{{ item.name }}</a>
<a href="{{ url_for('.service_dashboard', service_id=item.id) }}" class="browse-list-link">{{ item.name }}</a> </li>
</li> {% endfor %}
{% endfor %} </ul>
</ul> {% endif %}
</div> </li>
</nav> <div class ="keyline-block"></div>
</div> {% endfor %}
{% endfor %} {% if services_without_organisations %}
{% if services_without_organisations %}
<div class="keyline-block">&nbsp;</div>
<nav class="browse-list">
<ul>
{% for item in services_without_organisations %} {% for item in services_without_organisations %}
<li class="browse-list-item"> <li class="browse-list-item">
<a href="{{ url_for('.service_dashboard', service_id=item.id) }}" class="browse-list-link">{{ item.name }}</a> <a href="{{ url_for('.service_dashboard', service_id=item.id) }}" class="browse-list-link">{{ item.name }}</a>
</li> </li>
{% endfor %} {% endfor %}
</ul> <div class ="keyline-block"></div>
</nav> {% endif %}
{% endif %}
{% if can_add_service %} {% if can_add_service %}
<div class="keyline-block">&nbsp;</div> <a href="{{ url_for('.add_service') }}" class="browse-list-link">Add a new service…</a>
<nav class="browse-list">
<div class="browse-list-item">
<a href="{{ url_for('.add_service') }}" class="browse-list-link">Add a new service…</a>
</div>
</nav>
{% endif %} {% endif %}
{% endblock %} {% endblock %}