suzanne.soy/travis-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Display env vars in one line

Browse Source
This commit is contained in:
Piotr Sarnacki 2014-08-20 12:45:04 +02:00
parent 5abcc75cb3
commit 3c847bbb38
2 changed files with 36 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
assets/scripts/app/templates/env_vars.hbs
View File

@ -6,20 +6,13 @@
{{partial 'env_vars/form'}} {{partial 'env_vars/form'}}
{{else}} {{else}}
<li class="env-var"> <li class="env-var">
<div class="row env-var-name"> <span class="name">{{name}}</span>
<span class="label">Name:</span> <span class="equals">=</span>
<span class="value">{{name}}</span> <span class="value value-display">{{value}}</span>
</div> <a href="#" class="edit-var" {{action "edit"}}>Edit</a>
<div class="row env-var-value"> <a href="#" {{action "delete"}} {{bind-attr class=":delete-var isDeleting:deleting"}}>
<span class="label">Value:</span> Delete
<span class="value value-display">{{value}}</span> </a>
</div>
<div class="actions">
<a href="#" class="edit-var" {{action "edit"}}>Edit</a>
<a href="#" {{action "delete"}} {{bind-attr class=":delete-var isDeleting:deleting"}}>
Delete
</a>
</div>
</li> </li>
{{/if}} {{/if}}
{{/each}} {{/each}}

31
assets/styles/settings.sass
View File

@ -158,7 +158,7 @@
.edit-var .edit-var
display: inline-block display: inline-block
margin: 6px 0 15px 0 margin: 6px 0 7px 0
color: #ffffff color: #ffffff
background-color: #bcbcbb background-color: #bcbcbb
border-radius: 4px border-radius: 4px
@ -171,7 +171,7 @@
.delete-var, .delete-ssh-key .delete-var, .delete-ssh-key
display: inline-block display: inline-block
margin: 6px 0 15px 0 margin: 6px 0 7px 0
color: #ffffff color: #ffffff
background-color: #932828 background-color: #932828
border-radius: 4px border-radius: 4px
@ -179,6 +179,10 @@
font-size: 13px font-size: 13px
cursor: pointer cursor: pointer
.delete-var, .edit-var
float: right
margin-right: 10px
.delete-var:hover, .delete-ssh-key:hover .delete-var:hover, .delete-ssh-key:hover
background-color: #820b0b background-color: #820b0b
@ -186,6 +190,12 @@
display: block display: block
li.env-var li.env-var
margin: 20px 40px 0 0 margin: 20px 40px 0 0
overflow: auto
display: flex
align-items: center
justify-content: center
border-bottom: 1px dotted #bbb
max-width: 800px
.var .var
font-size: 13px font-size: 13px
@ -197,3 +207,20 @@
display: inline-block display: inline-block
text-align: left text-align: left
margin-right: 5px margin-right: 5px
.name, .value, .equals
display: block
float: left
position: relative
font-size: 15px
.equals
margin: 0 10px
.name
width: 30%
text-align: right
.value
width: 45%
text-align: left