add the help button
This commit is contained in:
Lisa Passing
parent
eb03818bd7
commit
a9f7b383a4
|
|
@ -133,4 +133,17 @@ $button-border-color: #d4d4d4
|
|||
height: 0.7em
|
||||
margin-right: .5em
|
||||
|
||||
.button--help
|
||||
position: relative
|
||||
top: .3em
|
||||
left: .5em
|
||||
width: 1.5rem
|
||||
height: 1.5rem
|
||||
background: $grey1
|
||||
border: none
|
||||
&:hover
|
||||
background-color: $teal1
|
||||
.icon--question
|
||||
@extend %absolute-center
|
||||
background-size: 80% auto
|
||||
|
||||
|
|
|
|||
|
|
@ -107,6 +107,8 @@
|
|||
background-image: inline-image('svg/icon-mac.svg')
|
||||
.icon--eye
|
||||
background-image: inline-image('svg/icon-showmore.svg')
|
||||
.icon--question
|
||||
background-image: inline-image('svg/question.svg')
|
||||
|
||||
|
||||
.icon-arrow-down
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
{{else}}
|
||||
<h2 class="build-title">Allowed Failures
|
||||
<a title="What's this?" class="open-popup" name="help-allowed_failures" {{action "openHelpPopup" target=view}}>
|
||||
<span class="icon icon--env"></span>
|
||||
<span class="btn button-circle button--help"><span class="icon icon--question"></span></span>
|
||||
</a>
|
||||
</h2>
|
||||
{{/if}}
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
</div>
|
||||
|
||||
<div class="tile-additional medium-8 columns end">
|
||||
<p class="columns small-6 medium-2 build-status">
|
||||
<p class="columns small-6 medium-2 large-3 build-status">
|
||||
<span class="icon icon--hash"></span>
|
||||
{{#if job.id}}
|
||||
{{#if job.repo.slug}}
|
||||
|
|
@ -32,15 +32,15 @@
|
|||
{{/if}}
|
||||
{{/if}}
|
||||
</p>
|
||||
<p class="columns small-6 medium-4" {{bind-attr title="startedAt"}}>
|
||||
<p class="columns small-6 medium-4 large-3" {{bind-attr title="startedAt"}}>
|
||||
<span class="icon icon--clock"></span>
|
||||
{{format-duration duration}}
|
||||
</p>
|
||||
<p class="columns small-6 medium-5" {{bind-attr title="formattedFinishedAt"}}>
|
||||
<p class="columns small-6 medium-5 large-5" {{bind-attr title="formattedFinishedAt"}}>
|
||||
<span class="icon icon--cal"></span>
|
||||
{{format-time finishedAt}}
|
||||
</p>
|
||||
<p class="columns small-6 medium-1"><span {{bind-attr class=":icon :icon--linux config.os"}}></span>{{config.os}}</p>
|
||||
<p class="columns small-6 medium-1 large-1"><span {{bind-attr class=":icon :icon--linux config.os"}}></span>{{config.os}}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
29
public/images/svg/question.svg
Normal file
29
public/images/svg/question.svg
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="83px" height="105.6px" viewBox="36.5 22.5 83 105.6" enable-background="new 36.5 22.5 83 105.6" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="none" d="M95.8,29.8c-5.533-2.733-11.2-4.1-17-4.1c-16.2,0-28.566,7.1-37.1,21.3c-1,1.6-0.733,3,0.8,4.2l13.2,10
|
||||
c0.466,0.4,1.1,0.6,1.9,0.6c1.066,0,1.9-0.4,2.5-1.2c3.533-4.533,6.4-7.6,8.6-9.2c2.267-1.6,5.133-2.4,8.6-2.4
|
||||
c3.2,0,6.05,0.867,8.55,2.6s3.75,3.7,3.75,5.9c0,2.533-0.666,4.567-2,6.1c-1.333,1.533-3.6,3.033-6.8,4.5
|
||||
c-4.2,1.867-8.05,4.75-11.55,8.65C65.75,80.65,64,84.834,64,89.3V92.9c0,0.934,0.3,1.699,0.9,2.3c0.6,0.6,1.367,0.899,2.3,0.899
|
||||
h19.2c0.934,0,1.699-0.3,2.3-0.899c0.6-0.601,0.899-1.366,0.899-2.3c0-1.268,0.717-2.917,2.15-4.95
|
||||
C93.184,85.916,95,84.267,97.2,83c2.134-1.2,3.767-2.15,4.899-2.85c1.134-0.7,2.667-1.867,4.601-3.5
|
||||
c1.933-1.633,3.417-3.233,4.45-4.8c1.033-1.567,1.967-3.583,2.8-6.05c0.833-2.466,1.25-5.167,1.25-8.1
|
||||
c0-5.867-1.851-11.3-5.55-16.3C105.95,36.4,101.334,32.533,95.8,29.8z"/>
|
||||
<path fill="none" d="M86.4,102.5H67.2c-0.934,0-1.7,0.3-2.3,0.9c-0.6,0.6-0.9,1.366-0.9,2.3v19.2c0,0.934,0.3,1.699,0.9,2.3
|
||||
c0.6,0.6,1.367,0.899,2.3,0.899h19.2c0.934,0,1.699-0.3,2.3-0.899c0.6-0.601,0.899-1.366,0.899-2.3v-19.2
|
||||
c0-0.934-0.3-1.7-0.899-2.3C88.1,102.8,87.334,102.5,86.4,102.5z"/>
|
||||
<path fill="#FFFFFF" d="M89.6,124.9c0,0.934-0.3,1.699-0.899,2.3c-0.601,0.6-1.366,0.899-2.3,0.899H67.2
|
||||
c-0.934,0-1.7-0.3-2.3-0.899c-0.6-0.601-0.9-1.366-0.9-2.3v-19.2c0-0.934,0.3-1.7,0.9-2.3c0.6-0.601,1.367-0.9,2.3-0.9h19.2
|
||||
c0.934,0,1.699,0.3,2.3,0.9c0.6,0.6,0.899,1.366,0.899,2.3V124.9z M113.95,65.8c-0.833,2.467-1.767,4.483-2.8,6.05
|
||||
c-1.033,1.566-2.518,3.167-4.45,4.8c-1.934,1.633-3.467,2.8-4.601,3.5C100.967,80.85,99.334,81.8,97.2,83
|
||||
c-2.2,1.267-4.017,2.916-5.45,4.95c-1.434,2.033-2.15,3.683-2.15,4.95c0,0.934-0.3,1.699-0.899,2.3
|
||||
C88.1,95.8,87.334,96.1,86.4,96.1H67.2c-0.934,0-1.7-0.3-2.3-0.899C64.3,94.6,64,93.834,64,92.9V89.3
|
||||
c0-4.466,1.75-8.649,5.25-12.55c3.5-3.9,7.35-6.783,11.55-8.65c3.2-1.467,5.467-2.967,6.8-4.5c1.334-1.533,2-3.567,2-6.1
|
||||
c0-2.2-1.25-4.167-3.75-5.9S80.5,49,77.3,49c-3.466,0-6.333,0.8-8.6,2.4c-2.2,1.6-5.067,4.667-8.6,9.2c-0.6,0.8-1.434,1.2-2.5,1.2
|
||||
c-0.8,0-1.434-0.2-1.9-0.6l-13.2-10c-1.533-1.2-1.8-2.6-0.8-4.2c8.533-14.2,20.9-21.3,37.1-21.3c5.8,0,11.467,1.367,17,4.1
|
||||
c5.534,2.733,10.15,6.6,13.851,11.6c3.699,5,5.55,10.434,5.55,16.3C115.2,60.633,114.783,63.333,113.95,65.8z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
Loading…
Reference in New Issue
Block a user