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

Begin styling environmnet item

Browse Source
This commit is contained in:
luis cielak 2018-08-22 11:48:15 -04:00
parent 6747ef2659
commit 3daf702302
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
styles/elements/_icons.scss
View File

@ -49,4 +49,8 @@
&.icon--large { &.icon--large {
@include icon-size(24); @include icon-size(24);
} }
&.icon--remove {
@include icon-color($color-red);
}
} }

9
templates/workspace_project_new.html
View File

@ -27,20 +27,17 @@
<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 Environments</h2> <h2 class="block-list__title">Project Environments</h2>
{{ Tooltip( {{ Tooltip(
"Each environment created within a project is an enclave of cloud resources that is logically separated from each other for increased security.", "Each environment created within a project is an enclave of cloud resources that is logically separated from each other for increased security.",
title="learn more" title="learn more"
)}} )}}
</header> </header>
<ul> <ul>
<li v-for="(_, i) in environments" class="block-list__item project-list-item__environment"> <li v-for="(_, i) in environments" class="block-list__item">
<span class="project-list-item__environment">
{{ TextInput(form.environment_name) }} {{ TextInput(form.environment_name) }}
</span> <span class="icon-link icon-link--danger icon-link--vertical" v-on:click="removeEnvironment(i)">{{ Icon('x') }} Remove</span>
<span v-on:click="removeEnvironment(i)">{{ Icon('x') }} Remove</span>
</li> </li>
</ul> </ul>