pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style block list links

Browse Source
This commit is contained in:
Luis Cielak 2018-07-31 10:29:22 -04:00 committed by richard-dds
parent 1db88a8191
commit b4b99de7de
4 changed files with 45 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
scss/elements/_block_lists.scss
View File

@ -54,14 +54,25 @@
.block-list { .block-list {
@include block-list; @include block-list;
.icon-link {
margin: -$gap 0;
}
.icon-link {
&:first-child {
margin-left: -$gap;
}
&:last-child {
margin-right: -$gap;
}
}
} }
.block-list__header { .block-list__header {
@include block-list-header; @include block-list-header;
.block-list__header__link {
@include icon-link;
}
} }
.block-list__title { .block-list__title {

4
scss/elements/_icon_link.scss
View File

@ -59,4 +59,8 @@
&.icon-link--large { &.icon-link--large {
@include icon-link-large; @include icon-link-large;
} }
&.icon-link--danger {
@include icon-link-color($color-red, $color-red-lightest);
}
} }

4
templates/member_edit.html.to
View File

@ -48,7 +48,7 @@
<div class='block-list project-list-item'> <div class='block-list project-list-item'>
<header class='block-list__header'> <header class='block-list__header'>
<h2 class='block-list__title'>Code.mil</h2> <h2 class='block-list__title'>Code.mil</h2>
<a class="block-list__header__link icon-link icon-link--danger">revoke all access</a> <a href="#" class="icon-link icon-link--danger">revoke all access</a>
</header> </header>
<ul> <ul>
<li class='block-list__item project-list-item__environment'> <li class='block-list__item project-list-item__environment'>
@ -56,7 +56,7 @@
Development Development
</span> </span>
<div class='project-list-item__environment__actions'> <div class='project-list-item__environment__actions'>
<span>no access</span><a href="#" class="icon-link">set role</a> <span>no access </span><a href="#" class="icon-link">set role</a>
</div> </div>
</li> </li>
<li class='block-list__item project-list-item__environment'> <li class='block-list__item project-list-item__environment'>

17
templates/workspace_projects.html.to
View File

@ -2,22 +2,11 @@
{% block workspace_content %} {% block workspace_content %}
{% if not projects %} {% for project in projects %}
{% module EmptyState(
'There are currently no projects set up for this Workspace.',
actionLabel='Create a new Project',
actionHref='/project/new',
icon='cloud'
)%}
{% else %}
{% for project in projects %}
<div class='block-list project-list-item'> <div class='block-list project-list-item'>
<header class='block-list__header'> <header class='block-list__header'>
<h2 class='block-list__title'>{{ project['name'] }} ({{ len(project['environments'])}} environments)</h2> <h2 class='block-list__title'>{{ project['name'] }} ({{ len(project['environments'])}} environments)</h2>
<a class='block-list__header__link' href='/workspaces/123456/projects/789/edit'> <a class='icon-link' href='/workspaces/123456/projects/789/edit'>
{% module Icon('edit') %} {% module Icon('edit') %}
<span>edit</span> <span>edit</span>
</a> </a>
@ -38,8 +27,6 @@
{% end %} {% end %}
</ul> </ul>
</div> </div>
{% end %}
{% end %} {% end %}
{% end %} {% end %}