Merge pull request #411 from travis-ci/lp-buildheader-revamp
buildheader revamp
This commit is contained in:
Lisa P
commit
657839a2a4
28
app/components/build-header.coffee
Normal file
28
app/components/build-header.coffee
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
`import Ember from 'ember'`
|
||||
`import { gravatarImage } from 'travis/utils/urls'`
|
||||
`import GithubUrlPropertievs from 'travis/mixins/github-url-properties'`
|
||||
`import { durationFrom, safe } from 'travis/utils/helpers'`
|
||||
|
||||
BuildHeaderComponent = Ember.Component.extend
|
||||
|
||||
tagName: 'section'
|
||||
classNames: ['build-header']
|
||||
classNameBindings: ['item.state']
|
||||
|
||||
urlCommitterGravatarImage: (->
|
||||
gravatarImage(@get('commit.committerEmail'), 40)
|
||||
).property('commit.committerEmail')
|
||||
|
||||
urlAuthorGravatarImage: (->
|
||||
gravatarImage(@get('commit.authorEmail'), 40)
|
||||
).property('commit.authorEmail')
|
||||
|
||||
isJob: (->
|
||||
if @get('item.build') then true else false
|
||||
).property('item')
|
||||
|
||||
elapsedTime: (->
|
||||
durationFrom(@get('item.startedAt'), @get('item.finishedAt'))
|
||||
).property('item.startedAt', 'item.finishedAt', 'item.duration')
|
||||
|
||||
`export default BuildHeaderComponent`
|
||||
|
|
@ -3,8 +3,10 @@
|
|||
`import { githubCommit as githubCommitUrl } from 'travis/utils/urls'`
|
||||
|
||||
BuildsItemComponent = Ember.Component.extend
|
||||
|
||||
tagName: 'li'
|
||||
classNameBindings: ['build.state']
|
||||
classNames: ['tile', 'tile--small', 'tile--build', 'row']
|
||||
classNames: ['row-li', 'pr-row']
|
||||
|
||||
urlAuthorGravatarImage: (->
|
||||
gravatarImage(@get('build.commit.authorEmail'), 40)
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
CachesItemComponent = Ember.Component.extend
|
||||
|
||||
tagName: 'li'
|
||||
classNames: ['tile', 'tile--xs', 'row']
|
||||
classNames: ['cache-item']
|
||||
classNameBindings: ['cache.type']
|
||||
isDeleting: false
|
||||
|
||||
|
|
|
|||
|
|
@ -5,16 +5,7 @@
|
|||
JobsItemComponent = Ember.Component.extend
|
||||
tagName: 'li'
|
||||
classNameBindings: ['job.state']
|
||||
classNames: ['tile', 'tile--jobs', 'row']
|
||||
|
||||
isAnimating: (->
|
||||
state = @get('job.state')
|
||||
animationStates = ['received', 'queued', 'started', 'booting']
|
||||
|
||||
unless animationStates.indexOf(state) == -1
|
||||
true
|
||||
|
||||
).property('job.state')
|
||||
classNames: ['jobs-item']
|
||||
|
||||
languages: (->
|
||||
output = []
|
||||
|
|
|
|||
|
|
@ -1,6 +1,10 @@
|
|||
`import Ember from 'ember'`
|
||||
|
||||
JobsListComponent = Ember.Component.extend
|
||||
|
||||
tagName: 'section'
|
||||
classNames: ['jobs']
|
||||
|
||||
jobTableId: Ember.computed(->
|
||||
if @get('required')
|
||||
'jobs'
|
||||
|
|
|
|||
|
|
@ -1,6 +1,11 @@
|
|||
`import Ember from 'ember'`
|
||||
|
||||
RepoShowTabsComponent = Ember.Component.extend
|
||||
|
||||
tagName: 'nav'
|
||||
classNames: ['tabnav']
|
||||
ariaRole: 'tablist'
|
||||
|
||||
# hrm. how to parametrize bind-attr?
|
||||
classCurrent: (->
|
||||
'active' if @get('tab') == 'current'
|
||||
|
|
|
|||
|
|
@ -4,18 +4,20 @@
|
|||
RepoShowToolsComponent = Ember.Component.extend
|
||||
popup: Ember.inject.service()
|
||||
|
||||
classNames: ['settings-menu']
|
||||
classNameBindings: ['isOpen:display']
|
||||
isOpen: false
|
||||
|
||||
click: (event) ->
|
||||
if $(event.target).is('a') && $(event.target).parents('.dropdown-menu').length
|
||||
if $(event.target).is('a') && $(event.target).parents('.settings-dropdown').length
|
||||
@closeMenu()
|
||||
|
||||
closeMenu: ->
|
||||
$('.menu').removeClass('display')
|
||||
@toggleProperty('isOpen')
|
||||
|
||||
actions:
|
||||
menu: ->
|
||||
@get('popup').close()
|
||||
$('#tools .menu').toggleClass('display')
|
||||
return false
|
||||
@toggleProperty('isOpen')
|
||||
|
||||
hasPermission: (->
|
||||
if permissions = @get('currentUser.permissions')
|
||||
|
|
|
|||
|
|
@ -10,15 +10,11 @@ ReposListItemComponent = Ember.Component.extend Polling,
|
|||
pollModels: 'repo'
|
||||
|
||||
classNames: ['repo']
|
||||
classNameBindings: ['color', 'selected']
|
||||
classNameBindings: ['selected']
|
||||
selected: (->
|
||||
@get('repo') == @get('selectedRepo')
|
||||
).property('selectedRepo')
|
||||
|
||||
color: (->
|
||||
colorForState(@get('repo.lastBuildState'))
|
||||
).property('repo.lastBuildState')
|
||||
|
||||
scrollTop: (->
|
||||
if (window.scrollY > 0)
|
||||
$('html, body').animate({scrollTop: 0}, 200)
|
||||
|
|
|
|||
|
|
@ -3,28 +3,23 @@
|
|||
RequestIconComponent = Ember.Component.extend
|
||||
|
||||
tagName: 'span'
|
||||
classNames: ['icon-request', 'icon']
|
||||
classNameBindings: ['build.last_build.state', 'build.state']
|
||||
classNames: ['status-icon', 'icon']
|
||||
classNameBindings: ['event', 'state']
|
||||
|
||||
isPush: (->
|
||||
@get('build.last_build.event_type') == 'push' ||
|
||||
@get('build.event_type') == 'push'
|
||||
).property('build.last_build')
|
||||
@get('event') == 'push'
|
||||
).property('event')
|
||||
|
||||
isPR: (->
|
||||
@get('build.last_build.event_type') == 'pull_request' ||
|
||||
@get('build.event_type') == 'pull_request'
|
||||
).property('build.last_build')
|
||||
@get('event') == 'pull_request'
|
||||
).property('event')
|
||||
|
||||
isAPI: (->
|
||||
@get('build.last_build.event_type') == 'api' ||
|
||||
@get('build.event_type') == 'api'
|
||||
).property('build.last_build')
|
||||
@get('event') == 'api'
|
||||
).property('event')
|
||||
|
||||
isEmpty: (->
|
||||
true if @get('build.last_build') == null || @get('build') == null
|
||||
).property('build.last_build')
|
||||
|
||||
|
||||
true if @get('event') == null || @get('event') == null
|
||||
).property('event')
|
||||
|
||||
`export default RequestIconComponent`
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
`import config from 'travis/config/environment'`
|
||||
|
||||
RequestsItemComponent = Ember.Component.extend
|
||||
classNames: ['tile', 'tile--jobs', 'row']
|
||||
classNames: ['request-item']
|
||||
classNameBindings: ['requestClass']
|
||||
tagName: 'li'
|
||||
|
||||
|
|
@ -27,6 +27,10 @@ RequestsItemComponent = Ember.Component.extend
|
|||
'Rejected'
|
||||
).property('request.isAccepted')
|
||||
|
||||
hasBranchName: (->
|
||||
@get('request.branchName')
|
||||
).property('request')
|
||||
|
||||
message: (->
|
||||
message = @get('request.message')
|
||||
if config.pro && message == "private repository"
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
ShowMoreButtonComponent = Ember.Component.extend
|
||||
tagName: 'button'
|
||||
classNames: ['button button--grey button--showmore']
|
||||
classNames: ['showmore-button']
|
||||
classNameBindings: ['isLoading', 'showMore']
|
||||
showMore: true
|
||||
attributeBindings: ['disabled']
|
||||
|
|
|
|||
|
|
@ -7,11 +7,11 @@ StatusIconComponent = Ember.Component.extend
|
|||
classNameBindings: ['status']
|
||||
|
||||
hasPassed: (->
|
||||
@get('status') == 'passed'
|
||||
@get('status') == 'passed' || @get('status') == 'accepted'
|
||||
).property('status')
|
||||
|
||||
hasFailed: (->
|
||||
@get('status') == 'failed'
|
||||
@get('status') == 'failed' || @get('status') == 'rejected'
|
||||
).property('status')
|
||||
|
||||
hasErrored: (->
|
||||
|
|
|
|||
|
|
@ -21,14 +21,6 @@ Controller = Ember.Controller.extend GithubUrlPropertievs,
|
|||
@get('build.isLoading')
|
||||
).property('build.isLoading')
|
||||
|
||||
urlCommitterGravatarImage: (->
|
||||
gravatarImage(@get('commit.committerEmail'), 40)
|
||||
).property('commit.committerEmail')
|
||||
|
||||
urlAuthorGravatarImage: (->
|
||||
gravatarImage(@get('commit.authorEmail'), 40)
|
||||
).property('commit.authorEmail')
|
||||
|
||||
buildStateDidChange: (->
|
||||
if @get('sendFaviconStateChanges')
|
||||
@send('faviconStateDidChange', @get('build.state'))
|
||||
|
|
|
|||
|
|
@ -5,6 +5,8 @@ Controller = Ember.Controller.extend
|
|||
needs: ['repos', 'currentUser', 'build', 'job']
|
||||
currentUserBinding: 'controllers.currentUser.model'
|
||||
|
||||
classNames: ['repo']
|
||||
|
||||
build: Ember.computed.alias('controllers.build.build')
|
||||
job: Ember.computed.alias('controllers.job.job')
|
||||
|
||||
|
|
|
|||
|
|
@ -24,7 +24,6 @@ Build = Model.extend DurationCalculations,
|
|||
jobs: DS.hasMany('job', async: true)
|
||||
|
||||
config: (->
|
||||
console.log('config')
|
||||
if config = @get('_config')
|
||||
compact(config)
|
||||
else if @get('currentState.stateName') != 'root.loading'
|
||||
|
|
|
|||
|
|
@ -30,7 +30,6 @@
|
|||
@import "app/modules/navigation";
|
||||
@import "app/modules/row";
|
||||
@import "app/modules/loader";
|
||||
@import "app/modules/tiles";
|
||||
@import "app/modules/buttons";
|
||||
@import "app/modules/icons";
|
||||
@import "app/modules/search";
|
||||
|
|
@ -43,21 +42,21 @@
|
|||
@import "app/modules/memberlist";
|
||||
@import "app/modules/forms";
|
||||
@import "app/modules/notice";
|
||||
@import "app/modules/build-header";
|
||||
|
||||
@import "app/layout";
|
||||
@import "app/layouts/dashboard";
|
||||
@import "app/layouts/error";
|
||||
@import "app/layouts/footer";
|
||||
@import "app/layouts/buildheader";
|
||||
@import "app/layouts/build-job";
|
||||
@import "app/layouts/sidebar";
|
||||
@import "app/layouts/build-job";
|
||||
@import "app/layouts/sidebar";
|
||||
@import "app/layouts/profile";
|
||||
@import "app/layouts/top";
|
||||
@import "app/layouts/owner";
|
||||
@import "app/layouts/branches";
|
||||
@import "app/layouts/broadcasts";
|
||||
@import "app/layouts/repo";
|
||||
@import "app/layouts/jobs";
|
||||
@import "app/layouts/pull-requests";
|
||||
|
||||
@import "app/layouts/requests";
|
||||
@import "app/layouts/caches";
|
||||
|
|
|
|||
|
|
@ -1,128 +1,27 @@
|
|||
$brighten-1: rgba(255, 255, 255, 0.05)
|
||||
$brighten-2: rgba(255, 255, 255, 0.15)
|
||||
|
||||
$black: #000
|
||||
$teal: #40a3ad
|
||||
$green: #44a662
|
||||
$yellow: #e5da3f
|
||||
$red: #d94341
|
||||
$grey: #666
|
||||
|
||||
$grey-light: #f1f1f1
|
||||
|
||||
$teal-light: $teal
|
||||
$teal-dark: $teal
|
||||
$green-dark: $green
|
||||
$red-dark: $red
|
||||
$white: #fff
|
||||
$color-text: $grey
|
||||
|
||||
$green: #038035
|
||||
$green-lighter: #368c2a
|
||||
$green-light-1: #dcffdc
|
||||
$green-light-3: #fafffa
|
||||
|
||||
$red: #cc0000
|
||||
$red-lighter: #cc3d3d
|
||||
$red-medium-1: #c7371a
|
||||
$red-light-1: #ffdcdc
|
||||
$red-light-3: #fffafa
|
||||
|
||||
$yellow: #e7d100
|
||||
$yellow-lighter: #e7d100
|
||||
$yellow-light-1: #ffffe1
|
||||
$yellow-light-2: #fffcf4
|
||||
|
||||
$gray-dark-1: #333
|
||||
$gray-dark-2: #444
|
||||
$gray-dark-3: #666
|
||||
$gray-dark-4: #777
|
||||
$gray-medium-1: #999
|
||||
$gray-medium-2: #aaa
|
||||
$gray-medium-3: #c4cbcc
|
||||
$gray-light-1: #ddd
|
||||
$gray-light-2: #efefef
|
||||
$gray-light-3: #f2f2eb
|
||||
$gray-light-4: #fdfdfd
|
||||
|
||||
$green-light: #73c78d
|
||||
$green-dark: #3FA75F
|
||||
$red-light: #D7625F
|
||||
$red-dark: #DB423C
|
||||
$teal-light: #63A4A3
|
||||
$teal-dark: #5BA5A4
|
||||
|
||||
$slate-blue-1: #e1e2e6
|
||||
$slate-blue-2: #e5e8ee
|
||||
$slate-blue-3: #f2f4f9
|
||||
$slate-blue-4: #fafbfc
|
||||
$slate-yellow-1: #7f7f75
|
||||
$slate-yellow-2: #bab9a7
|
||||
|
||||
|
||||
$color-text: $gray-dark-3
|
||||
$color-text-light: $gray-medium-1
|
||||
$color-text-lighter: $gray-medium-2
|
||||
$color-text-log: #F1F1F1
|
||||
|
||||
$color-link: $gray-dark-3
|
||||
$color-link-highlight: $red-medium-1
|
||||
$color-link-sponsor: #575c7c
|
||||
$color-link-top: $gray-medium-3
|
||||
$color-link-top-highlight: #ADC7D0
|
||||
$color-link-disabled: $gray-medium-1
|
||||
|
||||
$color-bg-dark: $slate-blue-2
|
||||
$color-bg-light: $gray-light-1
|
||||
$color-bg-input: $white
|
||||
$color-bg-link-top: $black
|
||||
$color-bg-dropdown: #40454f
|
||||
$color-bg-dropdown-highlight: #30343b
|
||||
$color-bg-pre: $gray-light-2
|
||||
$color-bg-tab: $gray-light-3
|
||||
$color-bg-tab-hover: $white
|
||||
$color-bg-tab-active: $white
|
||||
$color-bg-log: #222222
|
||||
$color-bg-log-fold: $gray-dark-1
|
||||
$color-bg-log-hover: $gray-dark-2
|
||||
$color-bg-log-highlight: $gray-dark-3
|
||||
$color-bg-log-fold-highlight: $gray-dark-4
|
||||
$color-bg-slider: $slate-blue-3
|
||||
$color-bg-left: #fbfbfa
|
||||
$color-bg-list-odd: $white
|
||||
$color-bg-list-even: $gray-light-3
|
||||
$color-bg-hooks-odd: $slate-blue-4
|
||||
$color-bg-hooks-even: $white
|
||||
$color-bg-menu: $gray-light-4
|
||||
$color-bg-menu-hover: $gray-light-3
|
||||
$color-bg-tools-pane: $slate-blue-3
|
||||
$color-bg-right: $slate-blue-3
|
||||
$color-bg-sidebar-box: $white
|
||||
|
||||
$color-border-normal: $gray-medium-3
|
||||
$color-border-light: $gray-light-1
|
||||
$color-border-log: $gray-light-1
|
||||
$color-border-slider-normal: $slate-blue-2
|
||||
$color-border-slider-light: $gray-medium-1
|
||||
$color-border-slider-hover: $slate-blue-1
|
||||
|
||||
$color-text-status-passed: $green
|
||||
$color-bg-status-passed: $green-lighter
|
||||
$color-text-status-failed: $red
|
||||
$color-bg-status-failed: $red-lighter
|
||||
$color-text-status-pending: $color-link
|
||||
$color-bg-status-pending: $yellow-lighter
|
||||
$color-text-status-gray: $color-link
|
||||
$color-bg-status-gray: $gray-medium-2
|
||||
|
||||
$color-bg-status-waiting: $green-lighter
|
||||
$color-bg-status-errored: $red-lighter
|
||||
$color-bg-status-stopped: $gray-medium-1
|
||||
|
||||
$color-bg-job: $yellow-light-2
|
||||
$color-bg-job-highlight: $yellow-light-1
|
||||
$color-bg-job-passed: $green-light-3
|
||||
$color-bg-job-passed-highlight: $green-light-1
|
||||
$color-bg-job-failed: $red-light-3
|
||||
$color-bg-job-failed-highlight: $red-light-1
|
||||
$color-bg-job-gray: $gray-light-4
|
||||
$color-bg-job-gray-highlight: $gray-light-3
|
||||
|
||||
$color-bg-list-info: $yellow-light-2
|
||||
$color-text-list-info: $slate-yellow-1
|
||||
$color-shadow-list-info: $slate-yellow-2
|
||||
|
||||
$color-bg-flash-success: #7ea35a
|
||||
$color-bg-flash-notice: #a57829
|
||||
$color-bg-flash-error: #a53230
|
||||
$color-bg-flash-broadcast: #55777f
|
||||
$color-text-log: $grey-light
|
||||
$color-bg-log-hover: #444
|
||||
$color-bg-log-highlight: $grey
|
||||
$color-bg-log-fold: #333
|
||||
$color-bg-log-fold-highlight: #777
|
||||
$color-bg-pre: #efefef
|
||||
$color-border-light: #ddd
|
||||
$color-link: $grey
|
||||
|
||||
$ansi-black: #4E4E4E
|
||||
$ansi-black-bold: #7C7C7C
|
||||
|
|
|
|||
|
|
@ -10,6 +10,8 @@ $font-size-tiniest: 10px
|
|||
$line-height: 22px
|
||||
$line-height-log: 19px
|
||||
|
||||
$font-weight-light: 300
|
||||
$font-weight-normal: 400
|
||||
$font-weight-bold: 600
|
||||
|
||||
$top-height: 55px
|
||||
|
|
@ -40,45 +40,41 @@
|
|||
%inline-block
|
||||
display: inline-block
|
||||
|
||||
%helptext
|
||||
font-size: $font-size-m
|
||||
color: $grey-medium
|
||||
a
|
||||
color: $grey-dark
|
||||
text-decoration: none
|
||||
&:hover
|
||||
text-decoration: underline
|
||||
|
||||
%section-title
|
||||
font-size: $font-size-sm
|
||||
color: $grey-medium
|
||||
font-weight: 400
|
||||
|
||||
|
||||
// @todo simplyfiy coloring mixins
|
||||
=linkStyle
|
||||
a
|
||||
text-decoration: none
|
||||
border-bottom: 1px solid #bfc0c1
|
||||
padding-bottom: 0.1em
|
||||
transition: color 200ms ease, border 200ms ease
|
||||
&:hover,
|
||||
&:active
|
||||
color: #303030
|
||||
text-decoration: none
|
||||
border-color: transparent
|
||||
|
||||
@mixin colorStatusIcons($color, $status)
|
||||
%helptext
|
||||
font-size: $font-size-m
|
||||
color: $grey-medium
|
||||
+linkStyle
|
||||
|
||||
.helptext
|
||||
@extend %helptext
|
||||
|
||||
// @todo simplyfiy coloring mixins
|
||||
=colorStatusIcons($color, $status)
|
||||
.status-icon.#{$status}
|
||||
svg g > *
|
||||
svg *
|
||||
fill: $color
|
||||
|
||||
@mixin colorTiles($color, $status, $extra-bg: $color)
|
||||
=statusColors($color, $status, $width, $color2: $color, $building:false)
|
||||
&.#{$status}
|
||||
border-color: $extra-bg
|
||||
.tile-status
|
||||
background-color: $color
|
||||
.repo-header-title a,
|
||||
.repo-build-status a,
|
||||
.build-status a,
|
||||
.tile-header,
|
||||
.tile-header a,
|
||||
.tile-title a
|
||||
color: $color
|
||||
@include colorStatusIcons($color, $status)
|
||||
|
||||
@mixin statusColors($color, $status, $color2: $color)
|
||||
&.#{$status}
|
||||
background: linear-gradient(to right, $color2 0%, $color2 9px, white 9px, white 100%) no-repeat
|
||||
background: linear-gradient(to right, $color2 0%, $color2 $width, white $width, white 100%) no-repeat
|
||||
.row-name,
|
||||
.row-request a,
|
||||
.row-color a
|
||||
|
|
@ -97,3 +93,32 @@
|
|||
.build-status
|
||||
color: $color
|
||||
@include colorStatusIcons($color, $status)
|
||||
@include colorLinks($color, $status, $building)
|
||||
|
||||
=colorBg($color, $status, $width, $color2: white)
|
||||
&.#{$status}
|
||||
background: linear-gradient(to right, $color 0%, $color $width, $color2 $width, $color2 100%) no-repeat
|
||||
|
||||
=colorLinks($color, $status, $building: false)
|
||||
@if $building
|
||||
.#{$status},
|
||||
.#{$status} a,
|
||||
color: #beab04
|
||||
@else
|
||||
.#{$status},
|
||||
.#{$status} a,
|
||||
color: $color
|
||||
|
||||
=colorRows($color, $status, $width, $is-building: false)
|
||||
@include colorBg($color, $status, $width)
|
||||
@include colorLinks($color, $status, $is-building)
|
||||
@include colorStatusIcons($color, $status)
|
||||
|
||||
=colorJobs($color, $status, $width, $hover, $is-building: false)
|
||||
&.#{$status}
|
||||
@include colorLinks($color, $status, $is-building)
|
||||
@include colorStatusIcons($color, $status)
|
||||
&:hover,
|
||||
&:active
|
||||
@include colorBg($color, $status, $width, $hover)
|
||||
|
||||
|
|
|
|||
|
|
@ -1,2 +1,14 @@
|
|||
|
||||
html,
|
||||
body
|
||||
line-height: 1.45 !important
|
||||
|
||||
strong
|
||||
font-weight: 400
|
||||
|
||||
a
|
||||
color: $grey
|
||||
text-decoration: none
|
||||
&:hover,
|
||||
&:active
|
||||
text-decoration: none
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
.centered
|
||||
.row
|
||||
max-width: 1024px
|
||||
|
||||
.main
|
||||
margin: auto
|
||||
max-width: 1024px
|
||||
|
|
@ -21,6 +22,10 @@
|
|||
width: 100%
|
||||
min-height: 100vh
|
||||
|
||||
.inner
|
||||
max-width: 1024px
|
||||
margin: auto
|
||||
|
||||
#auth, #not-found, #simple
|
||||
#top
|
||||
top: 0
|
||||
|
|
@ -92,16 +97,3 @@
|
|||
width: grid-calc(31, 36)
|
||||
margin-left: grid-calc(5, 36)
|
||||
|
||||
|
||||
.travis-lint
|
||||
background-color: $travis-lint-bg
|
||||
width: 100%
|
||||
color: $travis-lint-color
|
||||
margin: 10px 0 36px 0
|
||||
p
|
||||
padding: 10px
|
||||
font-weight: bold
|
||||
margin: 0
|
||||
a
|
||||
margin-left: 5px
|
||||
|
||||
|
|
|
|||
|
|
@ -5,15 +5,6 @@
|
|||
|
||||
.branch-row
|
||||
|
||||
.avatar
|
||||
display: inline-block
|
||||
width: 16px
|
||||
height: 16px
|
||||
margin-right: .7em
|
||||
border-radius: 50%
|
||||
vertical-align: middle
|
||||
background-color: #E9EBEB
|
||||
|
||||
@media #{$medium-up}
|
||||
display: flex
|
||||
justify-content: space-between
|
||||
|
|
|
|||
|
|
@ -1,129 +0,0 @@
|
|||
|
||||
@mixin colorJobs($color, $color-bg)
|
||||
.job-id
|
||||
color: $color
|
||||
&:hover
|
||||
background-color: $color-bg
|
||||
.job-anchor,
|
||||
.job-env,
|
||||
.job-lang
|
||||
background-color: $color-bg
|
||||
.job-env
|
||||
&:after
|
||||
content: none
|
||||
.job-anchor,
|
||||
.job-lang
|
||||
&:after
|
||||
@include fadeOut(right, -90deg, $color-bg)
|
||||
|
||||
.job-anchor
|
||||
position: relative
|
||||
|
||||
.build-title
|
||||
.icon--question
|
||||
width: 1.3em;
|
||||
height: 1.3em;
|
||||
transform: translate(0.3em, 0.2em);
|
||||
cursor: pointer
|
||||
|
||||
// job matrix
|
||||
.tile--jobs
|
||||
@extend .tile--xs
|
||||
font-size: $font-size-sm
|
||||
padding-left: 3.5rem
|
||||
p
|
||||
white-space: normal
|
||||
a
|
||||
color: $grey-medium
|
||||
.tile-status--job
|
||||
width: 2em
|
||||
|
||||
.svg-booting
|
||||
margin: 0.7em 0.3em
|
||||
|
||||
.jobs-item
|
||||
padding: .1em 0
|
||||
.icon
|
||||
height: 1.2em
|
||||
margin-right: .1em
|
||||
.job-os .icon
|
||||
height: 1.3em
|
||||
.icon--lang
|
||||
height: 1em
|
||||
width: 1.4em
|
||||
.icon--env
|
||||
width: 1.1em
|
||||
.icon.api
|
||||
height: 1.5em
|
||||
|
||||
@media #{$medium-up}
|
||||
height: 36px
|
||||
p
|
||||
white-space: nowrap
|
||||
.icon--lang,
|
||||
.icon--env
|
||||
margin-right: .4em
|
||||
.jobs-item
|
||||
position: relative
|
||||
float: left
|
||||
white-space: nowrap
|
||||
padding: 0
|
||||
overflow: hidden
|
||||
.job-id
|
||||
width: grid-calc(3, 24)
|
||||
border-right: solid 1px $cream-dark
|
||||
.job-os
|
||||
width: grid-calc(1, 24)
|
||||
text-align: center
|
||||
.job-lang
|
||||
width: grid-calc(6, 24)
|
||||
&:after
|
||||
@include fadeOut(right, -90deg, $cream-light)
|
||||
.job-anchor
|
||||
width: grid-calc(14, 24)
|
||||
&:after
|
||||
@include fadeOut(right, -90deg, $cream-light)
|
||||
z-index: 999
|
||||
.job-env
|
||||
min-width: grid-calc(16, 24)
|
||||
width: grid-calc(16, 24)
|
||||
&:after
|
||||
@include fadeOut(right, -90deg, $cream-light)
|
||||
&:hover
|
||||
position: absolute
|
||||
width: auto
|
||||
padding-right: 1em
|
||||
z-index: 88
|
||||
.job-duration
|
||||
width: grid-calc(8, 24)
|
||||
max-width: 165px
|
||||
float: right
|
||||
|
||||
@media #{$xlarge-up}
|
||||
.job-id
|
||||
width: grid-calc(2, 24)
|
||||
.job-os
|
||||
margin: 0 1em
|
||||
.job-lang
|
||||
width: grid-calc(4, 24)
|
||||
margin-right: 2em
|
||||
|
||||
&.failed,
|
||||
&.errored
|
||||
@include colorJobs($fail-color, #fbebe6)
|
||||
&.passed
|
||||
@include colorJobs($pass-color, #e5efe4)
|
||||
&.canceled
|
||||
@include colorJobs($cancel-color, #e5e5e5)
|
||||
&.started,
|
||||
&.created,
|
||||
&.received,
|
||||
&.queued
|
||||
@include colorJobs($created-color, #f4efd8)
|
||||
|
||||
.is-empty
|
||||
opacity: .5
|
||||
|
||||
.jobs-list
|
||||
@include resetul
|
||||
|
||||
|
|
@ -1,152 +0,0 @@
|
|||
|
||||
.repo
|
||||
font-size: $font-size-m
|
||||
color: $grey-medium
|
||||
|
||||
.repo-header
|
||||
header
|
||||
margin: .5rem 0 2.6rem
|
||||
> *
|
||||
vertical-align: middle
|
||||
|
||||
.repo-header-title
|
||||
@extend %inline-block
|
||||
margin: 0
|
||||
font-weight: 400
|
||||
font-size: 35px
|
||||
line-height: 1
|
||||
a
|
||||
color: $grey-dark
|
||||
&:hover
|
||||
text-decoration: underline
|
||||
|
||||
.repo-header-icons
|
||||
line-height: 1
|
||||
vertical-align: middle
|
||||
a
|
||||
@extend %inline-block
|
||||
height: 1.7em
|
||||
margin-left: .7em
|
||||
.icon
|
||||
width: 1.5em
|
||||
height: 100%
|
||||
position: relative
|
||||
top: 0.65em
|
||||
|
||||
@media #{$medium-up}
|
||||
@extend %inline-block
|
||||
|
||||
.repo-menus
|
||||
@media #{$medium-up}
|
||||
.dropdown
|
||||
position: absolute
|
||||
top: -0.8em
|
||||
right: 0
|
||||
z-index: 50
|
||||
.tabnav
|
||||
position: absolute
|
||||
top: -0.4em
|
||||
.repo-menu-header
|
||||
position: relative
|
||||
height: 1.6em
|
||||
margin-bottom: 1em
|
||||
border-bottom: solid $cream-dark 2px
|
||||
|
||||
.repo-main
|
||||
.button--showmore
|
||||
margin-top: 2em
|
||||
.build-title
|
||||
margin-top: 2.5rem
|
||||
font-size: $font-size-sm
|
||||
font-weight: 400
|
||||
& span:hover + .tooltip
|
||||
display: block
|
||||
|
||||
.repo-main-commit
|
||||
position: relative
|
||||
padding-bottom: 0.5em
|
||||
font-weight: 400
|
||||
color: $grey-dark
|
||||
&,
|
||||
small
|
||||
margin: 0
|
||||
font-size: $font-size-m
|
||||
line-height: 1
|
||||
small
|
||||
margin-right: .3em
|
||||
font-weight: 600
|
||||
@media #{$medium-up}
|
||||
white-space: nowrap
|
||||
overflow: hidden
|
||||
&:after
|
||||
@include fadeOut(right, -90deg, $cream-light)
|
||||
|
||||
.repo-main-description
|
||||
p
|
||||
margin: 0
|
||||
@media #{$medium-up}
|
||||
position: relative
|
||||
height: 4.9em
|
||||
overflow: hidden
|
||||
&:after
|
||||
@include fadeOut(bottom, 0deg, $cream-light)
|
||||
|
||||
.body
|
||||
display: block
|
||||
font-size: 13px
|
||||
font-family: Monaco, monospace
|
||||
margin-top: 0.6em
|
||||
overflow: hidden
|
||||
word-break: break-word
|
||||
white-space: pre-wrap
|
||||
|
||||
.repo-main-info
|
||||
@include resetul
|
||||
position: relative
|
||||
padding-right: 2em
|
||||
margin-right: 1.4em
|
||||
border-right: $cream-dark 1px solid
|
||||
line-height: $line-height-m
|
||||
overflow: hidden
|
||||
&:after
|
||||
@include fadeOut(right, -90deg, $cream-light)
|
||||
white-space: nowrap
|
||||
&:hover
|
||||
text-decoration: underline
|
||||
li
|
||||
white-space: nowrap
|
||||
|
||||
.repo-main-tools
|
||||
position: absolute
|
||||
top: 0
|
||||
bottom: 0
|
||||
right: 0
|
||||
a
|
||||
display: block
|
||||
margin-bottom: .5em
|
||||
background-color: $grey-lighter
|
||||
line-height: 24px
|
||||
&:hover
|
||||
background-color: darken($grey-medium, 10)
|
||||
.icon--trigger
|
||||
width: 15px
|
||||
height: 19px
|
||||
margin-left: 6px
|
||||
.icon--cancel
|
||||
width: 16px
|
||||
height: 16px
|
||||
margin-left: 6px
|
||||
.icon--codeclimate
|
||||
width: 1.2em
|
||||
height: 1.1em
|
||||
margin-left: 4px
|
||||
|
||||
.build-os.linux
|
||||
text-transform: capitalize
|
||||
.build-os.osx
|
||||
text-transform: uppercase
|
||||
|
||||
.build-list
|
||||
padding: 0
|
||||
margin: 0
|
||||
|
||||
|
|
@ -1,67 +1,100 @@
|
|||
.caches
|
||||
@include resetul
|
||||
margin-top: 1rem
|
||||
font-size: $font-size-sm
|
||||
color: $grey-medium
|
||||
clear: both
|
||||
|
||||
.tile-xs
|
||||
padding-left: 0
|
||||
|
||||
|
||||
.push
|
||||
.icon--grey
|
||||
@extend .icon--grey.push
|
||||
width: 1.2em;
|
||||
height: 0.8em;
|
||||
.pull_request
|
||||
.icon--grey
|
||||
@extend .icon--grey.pull_request
|
||||
width: 1em;
|
||||
height: 1.5em;
|
||||
|
||||
.icon--grey
|
||||
margin-right: .3em
|
||||
|
||||
.button--delete
|
||||
transform: translateY(-0.2em);
|
||||
|
||||
@media #{$medium-up}
|
||||
.caches-branch
|
||||
position: relative
|
||||
overflow: hidden
|
||||
width: grid-calc(4, 13)
|
||||
&:after
|
||||
content: ""
|
||||
@include fadeOut(right, -90deg, $cream-light)
|
||||
.caches-date
|
||||
width: grid-calc(4, 13)
|
||||
.caches-size
|
||||
width: grid-calc(4, 13)
|
||||
.caches-button
|
||||
text-align: right
|
||||
width: grid-calc(1, 13)
|
||||
|
||||
.delete-repo-caches
|
||||
margin-top: 1rem
|
||||
|
||||
.caches-header
|
||||
overflow: auto
|
||||
.build-title
|
||||
float: left
|
||||
margin: 1.1em 0 .5em
|
||||
a:hover
|
||||
text-decoration: underline
|
||||
.button--delete
|
||||
float: right
|
||||
.small-title
|
||||
margin-top: .5em
|
||||
small
|
||||
color: $grey
|
||||
font-size: 14px
|
||||
a:hover,
|
||||
a:active
|
||||
border-bottom: 1px solid $grey
|
||||
|
||||
.caches-helptext
|
||||
@extend %helptext
|
||||
@media #{$medium-up}
|
||||
display: flex
|
||||
flex-flow: row wrap
|
||||
justify-content: space-between
|
||||
align-items: center
|
||||
|
||||
.caches-title
|
||||
@extend %helptext
|
||||
@extend %section-title
|
||||
@include clearfix
|
||||
float: left
|
||||
margin: 1em 0 .5em
|
||||
.caches-list
|
||||
padding: 0
|
||||
margin: 0
|
||||
list-style: none
|
||||
|
||||
.cache-item
|
||||
border: 1px solid $cream-dark
|
||||
margin-bottom: 5px
|
||||
font-size: 15px
|
||||
padding: 0 1em
|
||||
.status-icon
|
||||
width: 1.5em
|
||||
height: 1.5em
|
||||
vertical-align: middle
|
||||
.icon-scale
|
||||
width: 1.2em
|
||||
height: 1.2em
|
||||
vertical-align: middle
|
||||
margin-right: .3em
|
||||
&:hover,
|
||||
&:active
|
||||
background-color: #F5F5F5
|
||||
|
||||
@media #{$medium-up}
|
||||
display: flex
|
||||
justify-content: space-between
|
||||
flex-flow: row wrap
|
||||
align-items: center
|
||||
padding: .3em 0
|
||||
white-space: nowrap
|
||||
.row-item:first-of-type
|
||||
flex: 1 0 30%
|
||||
padding-left: 1em
|
||||
.row-item:nth-of-type(2)
|
||||
flex: 1 0 30%
|
||||
.row-item:nth-of-type(3)
|
||||
flex: 1 0 30%
|
||||
.row-item:last-of-type
|
||||
flex: 0 0 50px
|
||||
padding-right: 1em
|
||||
|
||||
.delete-cache-button
|
||||
padding-right: 3.1em
|
||||
font-size: 15px
|
||||
background:
|
||||
size: auto 17px
|
||||
position: 90% 0
|
||||
repeat: no-repeat
|
||||
@extend %icon-line-trashcan
|
||||
&:hover,
|
||||
&:active
|
||||
color: $red
|
||||
@extend %icon-line-trashcan-red
|
||||
|
||||
.delete-cache-icon
|
||||
position: relative
|
||||
display: inline-block
|
||||
.tooltip
|
||||
pointer-events: none
|
||||
.icon-trash
|
||||
display: inline-block
|
||||
height: 17px
|
||||
padding-left: 1.7em
|
||||
background:
|
||||
size: auto 100%
|
||||
repeat: no-repeat
|
||||
@extend %icon-line-trashcan
|
||||
&:hover,
|
||||
&:active
|
||||
color: $red
|
||||
.icon-trash
|
||||
@extend %icon-line-trashcan-red
|
||||
@media #{$medium-up}
|
||||
.tooltip
|
||||
pointer-events: inherit
|
||||
.icon-trash
|
||||
width: 50px
|
||||
padding-left: 0
|
||||
text-indent: 999%
|
||||
white-space: nowrap
|
||||
overflow: hidden
|
||||
background-position: 50% 0
|
||||
|
||||
|
|
|
|||
|
|
@ -2,72 +2,56 @@
|
|||
* Footer on the dashboard
|
||||
*/
|
||||
|
||||
$footer-height: 210px
|
||||
$footer-bg: #e0e0e0
|
||||
$blue-grey: #8f9ba2
|
||||
|
||||
a
|
||||
color : $color-link
|
||||
text-decoration : none
|
||||
|
||||
footer
|
||||
.footer
|
||||
position: relative
|
||||
padding : 20px 0
|
||||
background-color : $footer-bg-color
|
||||
min-height : 334px
|
||||
background-color : $footer-bg
|
||||
font-size : 12px
|
||||
line-height : 22px
|
||||
margin-top : -334px /* sticky footer */
|
||||
color: #404650
|
||||
|
||||
a
|
||||
display : block
|
||||
color : $footer-color
|
||||
display: inline-block
|
||||
vertical-align: middle
|
||||
color: #404650
|
||||
text-decoration: none
|
||||
&:hover,
|
||||
&:active
|
||||
text-decoration : underline
|
||||
|
||||
.wrapper
|
||||
padding-bottom: 334px
|
||||
min-height: 100vh
|
||||
height: auto
|
||||
@media (min-width: 640px)
|
||||
.wrapper
|
||||
padding-bottom: $footer-height
|
||||
h3
|
||||
font-size : 15px
|
||||
margin : 0 0 10px 0
|
||||
padding-top : 6px
|
||||
font-weight : 400
|
||||
color : $blue-grey
|
||||
border-top : solid 4px #ccd0d5
|
||||
|
||||
footer
|
||||
margin-top: - $footer-height
|
||||
min-height: $footer-height
|
||||
ul
|
||||
padding: 0
|
||||
margin: 0
|
||||
list-style: none
|
||||
|
||||
footer h3
|
||||
font-size : 15px
|
||||
margin : 0 0 10px 0
|
||||
padding-top : 6px
|
||||
font-weight : 400
|
||||
color : $footer-h3-color
|
||||
border-top : solid 4px $footer-h3-corder-color
|
||||
|
||||
footer .row p
|
||||
display : inline-block
|
||||
margin : 0
|
||||
color: $footer-color
|
||||
line-height: 23px
|
||||
.inner
|
||||
display: flex
|
||||
flex-flow: row wrap
|
||||
justify-content: space-between
|
||||
align-items: flex-start
|
||||
|
||||
footer .row
|
||||
max-width: 1024px
|
||||
|
||||
footer .row ul,
|
||||
footer .row li
|
||||
display : block
|
||||
color : $footer-color
|
||||
line-height : 22px
|
||||
padding : 0
|
||||
margin-top : 0
|
||||
list-style-type : none
|
||||
|
||||
footer a
|
||||
text-decoration : none
|
||||
display : inline-block
|
||||
color : $footer-color
|
||||
|
||||
footer a:hover,
|
||||
footer a:active
|
||||
text-decoration : underline
|
||||
.footer-elem
|
||||
flex: 1 0 70%
|
||||
margin-left: 1em
|
||||
@media #{$medium-up}
|
||||
.footer-elem
|
||||
flex: 0 1 16%
|
||||
margin-left: 1em
|
||||
&:first-of-type
|
||||
flex: 1 1 45%
|
||||
margin-left: 0
|
||||
|
||||
.status-circle
|
||||
display : inline-block
|
||||
|
|
@ -75,20 +59,14 @@ footer a:active
|
|||
width : 11px
|
||||
text-indent : -9999px
|
||||
margin-right : 5px
|
||||
border-radius : 100px
|
||||
-webkit-border-radius : 100px
|
||||
-moz-border-radius : 100px
|
||||
border-radius: 100px
|
||||
vertical-align: middle
|
||||
|
||||
.status-circle.none
|
||||
background: #2fcc66
|
||||
|
||||
.status-circle.degraded
|
||||
background: #f1c40f
|
||||
|
||||
.status-circle.minor
|
||||
background: #e67e22
|
||||
|
||||
.status-circle.major
|
||||
background: #e74c3c
|
||||
&.none
|
||||
background: #2fcc66
|
||||
&.degraded
|
||||
background: #f1c40f
|
||||
&.minor
|
||||
background: #e67e22
|
||||
&.major
|
||||
background: #e74c3c
|
||||
|
||||
|
|
|
|||
180
app/styles/app/layouts/jobs.sass
Normal file
180
app/styles/app/layouts/jobs.sass
Normal file
|
|
@ -0,0 +1,180 @@
|
|||
=colorFadeOut($status, $color)
|
||||
@media #{$medium-up}
|
||||
&.#{$status}:hover
|
||||
.job-lang,
|
||||
.job-env
|
||||
&:after
|
||||
@include fadeOut(right, -90deg, $color)
|
||||
.job-lang:hover,
|
||||
.job-env:hover
|
||||
overflow: visible
|
||||
z-index: 80
|
||||
.label-align
|
||||
background-color: $color
|
||||
&:after
|
||||
content: none !important
|
||||
|
||||
.jobs-list
|
||||
margin: 0
|
||||
padding: 0
|
||||
list-style: none
|
||||
font-size: 15px
|
||||
|
||||
.jobs-item
|
||||
border: 1px solid $cream-dark
|
||||
margin-bottom: 5px
|
||||
@include colorJobs($green, 'passed', 6px, rgba($green, .1))
|
||||
@include colorJobs($red, 'failed', 6px, rgba($red, .1))
|
||||
@include colorJobs($red, 'errored', 6px, rgba($red, .1))
|
||||
@include colorJobs($grey, 'canceled', 6px, #f1f1f1)
|
||||
@include colorJobs($yellow, 'started', 6px, rgba($yellow, .1), true)
|
||||
@include colorJobs($yellow, 'queued', 6px, rgba($yellow, .1), true)
|
||||
@include colorJobs($yellow, 'booting', 6px, rgba($yellow, .1), true)
|
||||
@include colorJobs($yellow, 'received', 6px, rgba($yellow, .1), true)
|
||||
@include colorJobs($yellow, 'created', 6px, rgba($yellow, .1), true)
|
||||
|
||||
@include colorFadeOut('passed',#ECF6EF)
|
||||
@include colorFadeOut('failed', #FBECEB)
|
||||
@include colorFadeOut('errored', #FBECEB)
|
||||
@include colorFadeOut('canceled', #f1f1f1)
|
||||
@include colorFadeOut('started', #FCFBEB)
|
||||
@include colorFadeOut('queued', #FCFBEB)
|
||||
@include colorFadeOut('booting', #FCFBEB)
|
||||
@include colorFadeOut('received', #FCFBEB)
|
||||
@include colorFadeOut('created', #FCFBEB)
|
||||
|
||||
a
|
||||
display: block
|
||||
padding-left: 1em
|
||||
@media #{$medium-up}
|
||||
display: flex
|
||||
flex-flow: row nowrap
|
||||
justify-content: space-between
|
||||
align-items: center
|
||||
height: 34px
|
||||
padding-left: 0.5em
|
||||
|
||||
.section-title
|
||||
font-size: 16px
|
||||
color: $grey
|
||||
font-weight: 400
|
||||
margin: 3rem 0 1rem
|
||||
|
||||
.job-state
|
||||
display: inline-block
|
||||
@media #{$medium-up}
|
||||
flex: 0 0 2em
|
||||
|
||||
&.started,
|
||||
&.booting,
|
||||
&.received,
|
||||
&.created
|
||||
line-height: 3
|
||||
.icon
|
||||
width: 24px
|
||||
height: 24px
|
||||
vertical-align: middle
|
||||
|
||||
.job-number
|
||||
display: inline-block
|
||||
@media #{$medium-up}
|
||||
flex: 0 0 7em
|
||||
padding-right: 1em
|
||||
border-right: 1px solid $cream-dark
|
||||
.icon-hash
|
||||
width: 20px
|
||||
height: 20px
|
||||
vertical-align: middle
|
||||
@extend %icon
|
||||
@extend %icon-line-hash
|
||||
|
||||
.job-os
|
||||
position: relative
|
||||
pointer-events: none
|
||||
.icon
|
||||
width: 16px
|
||||
height: 20px
|
||||
vertical-align: middle
|
||||
padding-left: 1.5em
|
||||
background:
|
||||
size: auto 18px
|
||||
repeat: no-repeat
|
||||
@media #{$medium-up}
|
||||
flex: 0 0 4em
|
||||
text-align: center
|
||||
pointer-events: initial
|
||||
.icon
|
||||
padding-left: 0
|
||||
text-indent: 999%
|
||||
white-space: nowrap
|
||||
overflow: hidden
|
||||
|
||||
&.linux
|
||||
.icon
|
||||
@extend %icon-line-linux
|
||||
&.osx
|
||||
.icon
|
||||
@extend %icon-line-mac
|
||||
|
||||
.job-lang
|
||||
@media #{$medium-up}
|
||||
flex: 1 1 20%
|
||||
position: relative
|
||||
white-space: nowrap
|
||||
overflow:hidden
|
||||
&:after
|
||||
content: ""
|
||||
@include fadeOut(right, -90deg, white)
|
||||
|
||||
.icon-lang
|
||||
width: 16px
|
||||
height: 13px
|
||||
margin-right: .3em
|
||||
vertical-align: middle
|
||||
@extend %icon
|
||||
@extend %icon-line-language
|
||||
|
||||
.job-env
|
||||
@media #{$medium-up}
|
||||
flex: 1 1 30%
|
||||
position: relative
|
||||
white-space: nowrap
|
||||
overflow: hidden
|
||||
&:after
|
||||
@include fadeOut(right, -90deg, white)
|
||||
&.is-empty
|
||||
opacity: .5
|
||||
|
||||
.icon-env
|
||||
width: 14px
|
||||
height: 14px
|
||||
margin-right: .3em
|
||||
vertical-align: middle
|
||||
@extend %icon
|
||||
@extend %icon-line-environment
|
||||
|
||||
.job-duration
|
||||
flex: 1 0 14%
|
||||
padding-right: 1em
|
||||
.icon-clock
|
||||
display: inline-block
|
||||
width: 16px
|
||||
height: 20px
|
||||
margin-right: .3em
|
||||
vertical-align: middle
|
||||
background:
|
||||
size: auto 20px
|
||||
position: -2px 0
|
||||
@extend %icon-line-clock
|
||||
|
||||
.icon-calendar
|
||||
display: inline-block
|
||||
width: 16px
|
||||
height: 18px
|
||||
margin-right: .3em
|
||||
vertical-align: middle
|
||||
background:
|
||||
size: auto 18px
|
||||
position: -1px 0
|
||||
@extend %icon-line-calendar
|
||||
|
||||
|
|
@ -101,6 +101,7 @@
|
|||
margin: 1.5rem 0 2.5rem
|
||||
a
|
||||
width: 100%
|
||||
position: relative
|
||||
&:hover
|
||||
h1, h2
|
||||
text-decoration: underline
|
||||
|
|
|
|||
53
app/styles/app/layouts/pull-requests.sass
Normal file
53
app/styles/app/layouts/pull-requests.sass
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
.build-list
|
||||
padding: 0
|
||||
margin: 0
|
||||
list-style: none
|
||||
|
||||
.pr-row
|
||||
@media #{$medium-up}
|
||||
display: flex
|
||||
justify-content: space-between
|
||||
flex-flow: row wrap
|
||||
align-items: center
|
||||
|
||||
.two-line
|
||||
padding: 0
|
||||
margin: .4em 0
|
||||
.row-item:not(.build-info)
|
||||
display: block
|
||||
|
||||
.row-committer
|
||||
padding-left: 1.6em
|
||||
margin-bottom: 0
|
||||
|
||||
.build-info
|
||||
display: flex
|
||||
flex-flow: row wrap
|
||||
align-items: baseline
|
||||
|
||||
.row-branch
|
||||
flex: 1 0 18%
|
||||
position: relative
|
||||
overflow: hidden
|
||||
&:after
|
||||
content: ""
|
||||
+fadeOut(right, -90deg, $white)
|
||||
&:hover
|
||||
overflow: visible
|
||||
&:after
|
||||
content: none
|
||||
a
|
||||
background-color: white
|
||||
|
||||
.row-message
|
||||
padding-left: 1.6em
|
||||
flex: 1 1 50%
|
||||
|
||||
.two-line:first-of-type
|
||||
flex: 0 0 55%
|
||||
padding-left: .5em
|
||||
border-right: 1px solid $cream-dark
|
||||
.two-line:nth-of-type(2)
|
||||
flex: 0 0 20%
|
||||
.two-line:last-of-type
|
||||
flex: 0 0 20%
|
||||
120
app/styles/app/layouts/repo.sass
Normal file
120
app/styles/app/layouts/repo.sass
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
|
||||
.repo-header
|
||||
header
|
||||
@media #{$medium-up}
|
||||
display: flex
|
||||
flex-flow: row wrap
|
||||
justify-content: flex-start
|
||||
align-items: center
|
||||
|
||||
.repo-title
|
||||
margin: 0
|
||||
font-size: 36px
|
||||
font-weight: $font-weight-normal
|
||||
a
|
||||
color: #808080
|
||||
border-bottom: 2px solid transparent
|
||||
transition: border-color 100ms ease
|
||||
&:hover,
|
||||
&:active
|
||||
border-color: #808080
|
||||
|
||||
.repo-gh
|
||||
width: 28px
|
||||
height: 28px
|
||||
flex: 0 0 28px
|
||||
margin: 0 1.2em
|
||||
overflow: hidden
|
||||
text-indent: 999%
|
||||
white-space: nowrap
|
||||
a
|
||||
@extend %icon-github-circle
|
||||
display: block
|
||||
height: 100%
|
||||
background:
|
||||
size: 100%
|
||||
repeat: no-repeat
|
||||
|
||||
.repo-navigation
|
||||
margin: 1.9em 0 1.2em
|
||||
@media #{$medium-up}
|
||||
display: flex
|
||||
flex-flow: row-reverse wrap
|
||||
justify-content: space-between
|
||||
border-bottom: 2px #f1f1f1 solid
|
||||
|
||||
|
||||
$dropdown-button-height: 30px
|
||||
$dropdown-button-margin: -9px
|
||||
|
||||
.settings-button
|
||||
display: block
|
||||
height: $dropdown-button-height
|
||||
padding: 0 0.7em 0 2.3em
|
||||
background:
|
||||
color: white
|
||||
repeat: no-repeat
|
||||
size: auto 14px
|
||||
position: 11px 7px
|
||||
border: 1px solid #f1f1f1
|
||||
color: $grey-light
|
||||
border-radius: 2px
|
||||
text-align: center
|
||||
line-height: 2
|
||||
font-size: 14px
|
||||
@extend %icon-line-cog
|
||||
&:after
|
||||
content: ""
|
||||
display: inline-block
|
||||
width: 0.9em
|
||||
height: 0.6em
|
||||
margin-left: 1em
|
||||
background:
|
||||
size: 100%
|
||||
repeat: no-repeat
|
||||
@extend %icon-line-dropdown
|
||||
&:hover,
|
||||
&:active,
|
||||
// .display &,
|
||||
.settings-menu:hover &
|
||||
color: $teal
|
||||
border-color: $teal
|
||||
@extend %icon-line-cog-teal
|
||||
&:after
|
||||
@extend %icon-line-dropdown-teal
|
||||
@media #{$medium-up}
|
||||
margin-top: $dropdown-button-margin
|
||||
|
||||
.settings-dropdown
|
||||
display: none
|
||||
position: absolute
|
||||
top: $dropdown-button-height + ($dropdown-button-margin * .8)
|
||||
width: 100%
|
||||
padding: 0
|
||||
margin: 6px 0 0
|
||||
list-style: none
|
||||
z-index: 60
|
||||
background-color: white
|
||||
border: 1px solid $teal
|
||||
a
|
||||
display: block
|
||||
padding: .4em 1em .5em 2.4em
|
||||
font-size: 14px
|
||||
color: $teal
|
||||
&:hover
|
||||
color: white
|
||||
background-color: $teal
|
||||
@media #{$medium-up}
|
||||
margin-top: -3px
|
||||
|
||||
.settings-menu
|
||||
position: relative
|
||||
@media #{$small-only}
|
||||
&.display
|
||||
.settings-dropdown
|
||||
display: block
|
||||
@media #{$medium-up}
|
||||
&:hover
|
||||
.settings-dropdown
|
||||
display: block
|
||||
|
||||
|
|
@ -1,58 +1,67 @@
|
|||
@mixin colorRequests($color-bg)
|
||||
&:hover
|
||||
background-color: $color-bg
|
||||
.requests-commit,
|
||||
.requests-branch,
|
||||
.requests-message,
|
||||
.requests-time
|
||||
&:after
|
||||
@include fadeOut(right, -90deg, $color-bg, 30%)
|
||||
|
||||
=requestFadeOut($status, $color)
|
||||
@media #{$medium-up}
|
||||
&.#{$status}:hover
|
||||
.status-icon.api
|
||||
svg
|
||||
background-color: $color
|
||||
.fade-out
|
||||
&:after
|
||||
@include fadeOut(right, -90deg, $color)
|
||||
|
||||
.requests
|
||||
@include resetul
|
||||
padding: 0
|
||||
margin: 0
|
||||
list-style: none
|
||||
|
||||
.accepted:hover
|
||||
@include colorRequests(#e5efe4)
|
||||
.rejected:hover
|
||||
@include colorRequests(#fbebe6)
|
||||
.request-item
|
||||
border: 1px solid $cream-dark
|
||||
margin-bottom: 5px
|
||||
font-size: 15px
|
||||
padding-left: 1em
|
||||
@include colorJobs($green, 'accepted', 6px, rgba($green, .1))
|
||||
@include colorJobs($red, 'rejected', 6px, rgba($red, .1))
|
||||
|
||||
margin-top: 2.5rem
|
||||
color: #969496
|
||||
a:hover
|
||||
@include requestFadeOut('accepted',#ECF6EF)
|
||||
@include requestFadeOut('rejected', #FBECEB)
|
||||
|
||||
strong
|
||||
font-weight: $font-weight-bold
|
||||
margin-right: .5em
|
||||
|
||||
.status-icon
|
||||
width: 1.3em
|
||||
height: 1.3em
|
||||
vertical-align: middle
|
||||
&.api
|
||||
width: 1.2em !important
|
||||
|
||||
a:hover,
|
||||
a:active
|
||||
text-decoration: underline
|
||||
|
||||
.requests-commit,
|
||||
.requests-branch,
|
||||
.requests-message,
|
||||
.requests-time
|
||||
position: relative
|
||||
&:after
|
||||
content: ""
|
||||
@include fadeOut(right, -90deg, $cream-light, 30%)
|
||||
|
||||
.requests-time
|
||||
@media #{$medium-up}
|
||||
padding-left: 2em
|
||||
border-left: 1px solid $cream-dark
|
||||
|
||||
.tile--jobs
|
||||
padding-left: 2.5em
|
||||
|
||||
.icon.push
|
||||
width: 1.2em
|
||||
height: .8em
|
||||
.icon.pull_request
|
||||
height: 1.5em
|
||||
|
||||
@media #{$medium-up}
|
||||
.requests-time
|
||||
width: grid-calc(4, 24)
|
||||
.requests-branch
|
||||
width: grid-calc(4, 24)
|
||||
.requests-commit
|
||||
width: grid-calc(9, 24)
|
||||
.requests-build
|
||||
width: grid-calc(2, 24)
|
||||
.requests-message
|
||||
width: grid-calc(5, 24)
|
||||
display: flex
|
||||
justify-content: space-between
|
||||
flex-flow: row wrap
|
||||
align-items: center
|
||||
padding: .3em 0
|
||||
white-space: nowrap
|
||||
.row-item
|
||||
overflow: hidden
|
||||
|
||||
.row-item:first-of-type
|
||||
flex: 0 0 3em
|
||||
padding-left: .7em
|
||||
border-right: 1px solid $cream-dark
|
||||
.row-item:nth-of-type(2)
|
||||
flex: 1 0 15%
|
||||
padding-left: 1em
|
||||
.row-item:nth-of-type(3)
|
||||
flex: 0 0 15%
|
||||
.row-item:nth-of-type(4)
|
||||
flex: 1 0 30%
|
||||
.row-item:nth-of-type(5)
|
||||
flex: 0 0 8%
|
||||
.row-item:last-of-type
|
||||
flex: 0 0 20%
|
||||
|
||||
|
|
|
|||
|
|
@ -53,17 +53,18 @@
|
|||
box-shadow: none
|
||||
|
||||
%settings-row
|
||||
padding: .6em .5em
|
||||
border-radius: 4px
|
||||
background-color: #F6F5F5
|
||||
@media #{$medium-up}
|
||||
height: 47px
|
||||
height: 36px
|
||||
|
||||
.settings-envvar
|
||||
@extend %settings-row
|
||||
padding: .4em .5em
|
||||
|
||||
.settings-sshkey
|
||||
@extend %settings-row
|
||||
padding: .6em .5em
|
||||
display: block
|
||||
margin-bottom: 1rem
|
||||
overflow: hidden
|
||||
|
|
@ -78,6 +79,7 @@
|
|||
vertical-align: middle
|
||||
overflow: hidden
|
||||
white-space: nowrap
|
||||
color: #8e8f8e
|
||||
&:after
|
||||
content: ""
|
||||
@include fadeOut(right, -90deg, #F6F5F5)
|
||||
|
|
@ -104,7 +106,6 @@
|
|||
width: grid-calc(6, 12)
|
||||
margin-bottom: 0
|
||||
|
||||
|
||||
%settings-value-section
|
||||
display: inline-block
|
||||
vertical-align: middle
|
||||
|
|
@ -133,7 +134,7 @@
|
|||
input
|
||||
display: inline-block
|
||||
width: 100%
|
||||
padding: 0.7em 0.5em 0.7em 2.6em
|
||||
padding: 0.6em 0.5em 0.7em 1.1em
|
||||
border-radius: 4px
|
||||
border: none
|
||||
background-color: #eeedec
|
||||
|
|
@ -146,7 +147,7 @@
|
|||
.is-public &
|
||||
input
|
||||
background-image: none;
|
||||
padding: 0.4em 0 0.5em 0.9em;
|
||||
padding: 0.3em 0 0.4em 0.9em;
|
||||
font-size: 14px;
|
||||
|
||||
%settings-action-section
|
||||
|
|
@ -161,7 +162,7 @@
|
|||
@extend .icon-delete
|
||||
width: 1.1em
|
||||
height: 1.6em
|
||||
background-position: 0 4px
|
||||
background-position: 0 2px
|
||||
&:hover
|
||||
.icon-delete
|
||||
@extend .icon-delete-hover
|
||||
|
|
|
|||
|
|
@ -1,16 +1,30 @@
|
|||
$sb-grey: #f2f2f2
|
||||
$sb-font-size: 14px
|
||||
|
||||
.tile--sidebar
|
||||
.tile
|
||||
height: auto
|
||||
padding: 0.6em 0.5em
|
||||
padding: 0.8em 0.5em 0.8em 1.5em
|
||||
margin-bottom: .46rem
|
||||
background-color: $white
|
||||
border-radius: 0
|
||||
border-left: 8px solid
|
||||
li:last-child &
|
||||
margin-bottom: 0
|
||||
|
||||
@include colorRows($green, 'passed', 8px)
|
||||
@include colorRows($red, 'failed', 8px)
|
||||
@include colorRows($red, 'errored', 8px)
|
||||
@include colorRows($grey, 'canceled', 8px)
|
||||
@include colorRows($yellow, 'started', 8px, true)
|
||||
@include colorRows($yellow, 'queued', 8px, true)
|
||||
@include colorRows($yellow, 'booting', 8px, true)
|
||||
@include colorRows($yellow, 'received', 8px, true)
|
||||
@include colorRows($yellow, 'created', 8px, true)
|
||||
|
||||
.status-icon .is-rotating
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
line-height: 1;
|
||||
|
||||
h2, p
|
||||
margin: 0
|
||||
font-size: $sb-font-size
|
||||
|
|
@ -38,6 +52,7 @@ $sb-font-size: 14px
|
|||
.icon
|
||||
width: 1.3em
|
||||
height: 1.4em
|
||||
vertical-align: middle
|
||||
|
||||
.tabnav--sidebar
|
||||
font-size: $sb-font-size
|
||||
|
|
@ -47,7 +62,7 @@ $sb-font-size: 14px
|
|||
|
||||
.active a:after,
|
||||
a:hover:after
|
||||
bottom: -3px
|
||||
bottom: -1px
|
||||
|
||||
.icon--plus
|
||||
&:after
|
||||
|
|
@ -58,18 +73,12 @@ $sb-font-size: 14px
|
|||
.icon--plus:after
|
||||
color: $teal-light
|
||||
&:after
|
||||
bottom: -2px
|
||||
|
||||
bottom: -1px
|
||||
li
|
||||
margin-right: 0.8em
|
||||
@media (min-width: #{lower-bound($large-range)})
|
||||
ul
|
||||
height: 2em
|
||||
li
|
||||
padding-right: 1em
|
||||
|
||||
@media #{$xxlarge-up}
|
||||
li
|
||||
padding-right: 2em
|
||||
|
||||
@media (max-width: #{lower-bound($large-range)})
|
||||
li
|
||||
display: block !important
|
||||
|
|
@ -78,7 +87,6 @@ $sb-font-size: 14px
|
|||
padding: 0 0 .35em
|
||||
margin-bottom: .8em
|
||||
|
||||
|
||||
.sidebar-list
|
||||
margin-top: 1.4rem
|
||||
color: $grey-medium
|
||||
|
|
|
|||
|
|
@ -13,7 +13,16 @@
|
|||
|
||||
.tail-label
|
||||
display: none
|
||||
padding: 0.1em 0.5em 0.1em 1.5em
|
||||
cursor: pointer
|
||||
background:
|
||||
color: #777777
|
||||
repeat: no-repeat
|
||||
size: auto 12px
|
||||
position: 6px 4px
|
||||
border-radius: 2px
|
||||
color: #f1f1f1
|
||||
@extend %icon-arrow-down
|
||||
|
||||
&:hover
|
||||
.tail-label
|
||||
|
|
@ -35,14 +44,14 @@
|
|||
height: 20px;
|
||||
width: 20px;
|
||||
vertical-align: middle
|
||||
background-color: #696867;
|
||||
background-color: $grey-light
|
||||
border-radius: 50%;
|
||||
&:after
|
||||
content: ""
|
||||
display: block
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
background: #F2F2F2;
|
||||
background: #f1f1f1;
|
||||
border-radius: 50%;
|
||||
@extend %absolute-center
|
||||
|
||||
|
|
@ -62,16 +71,6 @@
|
|||
color: #999
|
||||
background: inline-image('ui/workers-close.svg') no-repeat right 6px
|
||||
|
||||
.icon
|
||||
width: 1.3em
|
||||
height: 1.1em
|
||||
margin-right: 6px
|
||||
vertical-align: middle
|
||||
.icon--down
|
||||
width: 0.7em
|
||||
height: 0.9em
|
||||
margin-right: 4px
|
||||
|
||||
.log-header
|
||||
height: 44px
|
||||
margin: 0
|
||||
|
|
@ -84,6 +83,12 @@
|
|||
|
||||
.log-body
|
||||
position: relative
|
||||
max-height: 20vh
|
||||
overflow: scroll
|
||||
@media #{$medium-up}
|
||||
max-height: none
|
||||
overflow: auto
|
||||
|
||||
pre
|
||||
clear: left
|
||||
min-height: 42px
|
||||
|
|
@ -97,7 +102,6 @@
|
|||
background-color: #2a2a2a
|
||||
counter-reset: line-numbering
|
||||
margin-top: 0
|
||||
@extend %border-bottom-4px
|
||||
|
||||
.cut
|
||||
padding: 20px 15px 0 55px
|
||||
|
|
|
|||
|
|
@ -19,7 +19,6 @@
|
|||
color: #c00
|
||||
text-decoration: underline
|
||||
|
||||
|
||||
.small-title
|
||||
font-size: 18px
|
||||
color: $teal-light
|
||||
|
|
@ -27,3 +26,8 @@
|
|||
|
||||
.blank-list
|
||||
@include resetul
|
||||
|
||||
.monospace
|
||||
font-family: Monaco, monospace
|
||||
font-size: 13px
|
||||
line-height: 1
|
||||
|
|
|
|||
123
app/styles/app/modules/build-header.sass
Normal file
123
app/styles/app/modules/build-header.sass
Normal file
|
|
@ -0,0 +1,123 @@
|
|||
.build-header
|
||||
font-size: 16px
|
||||
border: 1px solid $cream-dark
|
||||
clear: both
|
||||
|
||||
@include colorRows($green, 'passed', 12px)
|
||||
@include colorRows($red, 'failed', 12px)
|
||||
@include colorRows($red, 'errored', 12px)
|
||||
@include colorRows($grey, 'canceled', 12px)
|
||||
@include colorRows($yellow, 'started', 12px, true)
|
||||
@include colorRows($yellow, 'queued', 12px, true)
|
||||
@include colorRows($yellow, 'booting', 12px, true)
|
||||
@include colorRows($yellow, 'received', 12px, true)
|
||||
@include colorRows($yellow, 'created', 12px, true)
|
||||
|
||||
@media #{$medium-up}
|
||||
display: flex
|
||||
flex-flow: row no-wrap
|
||||
justify-content: space-between
|
||||
|
||||
a:hover,
|
||||
a:active
|
||||
text-decoration: underline
|
||||
|
||||
.build-commit,
|
||||
.build-tools
|
||||
padding-left: 2rem
|
||||
|
||||
.build-commit
|
||||
font-size: 16px
|
||||
@media #{$medium-up}
|
||||
flex: 1 1 65%
|
||||
padding-left: 2.5rem
|
||||
|
||||
.build-tools
|
||||
padding: 1rem 0 1rem 3rem
|
||||
overflow: auto
|
||||
@media #{$medium-up}
|
||||
flex: 0 0 40px
|
||||
padding: 1rem 0 0
|
||||
|
||||
.build-info
|
||||
font-size: 15px
|
||||
padding-left: 3rem
|
||||
@media #{$medium-up}
|
||||
flex: 1 1 35%
|
||||
|
||||
.build-title,
|
||||
.build-status
|
||||
margin: 1rem 0
|
||||
padding-left: 1rem
|
||||
font-weight: $font-weight-normal
|
||||
font-size: 16px
|
||||
|
||||
.status-icon
|
||||
width: 1.7rem
|
||||
height: 1.8rem
|
||||
vertical-align: middle
|
||||
|
||||
.build-title
|
||||
.status-icon
|
||||
margin-left: -2rem
|
||||
|
||||
.commit-info
|
||||
font-size: 15px
|
||||
padding-left: 1rem
|
||||
|
||||
.commit-branch
|
||||
margin-right: .5em
|
||||
font-weight: $font-weight-bold
|
||||
font-size: 16px
|
||||
|
||||
.build-status
|
||||
padding-left: 0
|
||||
|
||||
.commit-author
|
||||
margin: 1rem 0 .7rem
|
||||
img
|
||||
width: 20px
|
||||
height: 20px
|
||||
margin-right: .5em
|
||||
border-radius: 50%
|
||||
|
||||
.commit-description
|
||||
margin: 1rem 0
|
||||
|
||||
.list-icon
|
||||
padding: 0
|
||||
margin: 1rem 0
|
||||
list-style: none
|
||||
line-height: 1.7
|
||||
|
||||
.commit-commit,
|
||||
.commit-compare
|
||||
@extend %icon-line-commit
|
||||
padding-left: 1.7em
|
||||
background:
|
||||
size: auto 23px
|
||||
repeat: no-repeat
|
||||
position: -11px -1px
|
||||
.commit-clock
|
||||
@extend %icon-line-clock
|
||||
padding-left: 1.7em
|
||||
margin-bottom: 1rem
|
||||
background:
|
||||
size: auto 22px
|
||||
repeat: no-repeat
|
||||
position: 0 2px
|
||||
.commit-calendar
|
||||
@extend %icon-line-calendar
|
||||
padding-left: 1.7em
|
||||
background:
|
||||
size: auto 20px
|
||||
repeat: no-repeat
|
||||
position: 1px 3px
|
||||
.commit-stopwatch
|
||||
@extend %icon-line-stopwatch
|
||||
padding-left: 1.7em
|
||||
background:
|
||||
size: auto 18px
|
||||
repeat: no-repeat
|
||||
position: 4px 3px
|
||||
|
||||
|
|
@ -35,19 +35,6 @@ $button-border-color: #d4d4d4
|
|||
border-bottom-color: #2356c4
|
||||
background-color: #40454f
|
||||
|
||||
.show-more
|
||||
background-color: #F2F2EB
|
||||
display: inline-block
|
||||
color: #666
|
||||
padding: 6px 15px
|
||||
text-decoration: none
|
||||
border: 1px solid #DDD
|
||||
.show-more:hover
|
||||
background-color: #40454F
|
||||
color: $white
|
||||
border: 1px solid #40454F
|
||||
cursor: pointer
|
||||
|
||||
.button--signin,
|
||||
.button--signingin
|
||||
display: inline-block
|
||||
|
|
@ -122,20 +109,6 @@ $button-border-color: #d4d4d4
|
|||
&:focus
|
||||
background-color: #696867
|
||||
|
||||
.button-circle
|
||||
width: 28px
|
||||
height: 28px
|
||||
border-radius: 50%
|
||||
|
||||
.button--showmore
|
||||
height: auto
|
||||
padding: 0.3em 0.7em
|
||||
font-size: $font-size-m
|
||||
.icon
|
||||
width: 1.1em
|
||||
height: 0.7em
|
||||
margin-right: .5em
|
||||
|
||||
.button--delete
|
||||
@extend .button
|
||||
border-radius: 2px
|
||||
|
|
@ -143,8 +116,120 @@ $button-border-color: #d4d4d4
|
|||
font-size: $font-size-small
|
||||
color: $white
|
||||
background-color: #CD3A36
|
||||
font-weight: 300;
|
||||
font-weight: 300
|
||||
padding: 4px 10px 2px
|
||||
&:focus,
|
||||
&:hover
|
||||
background-color: lighten(#CD3A36, 10)
|
||||
|
||||
|
||||
|
||||
// new stuff
|
||||
|
||||
%circle-button
|
||||
display: block
|
||||
text-indent: 999%
|
||||
overflow: hidden
|
||||
width: 28px
|
||||
height: 28px
|
||||
border: solid 1px #E4E6E6
|
||||
border-radius: 50%
|
||||
&:hover
|
||||
border-color: $teal
|
||||
|
||||
float: left
|
||||
margin-right: 1rem
|
||||
@media #{$medium-up}
|
||||
float: none
|
||||
margin-right: 0
|
||||
margin-bottom: .5em
|
||||
|
||||
.button-circle-codeclimate
|
||||
@extend %circle-button
|
||||
@extend %icon-line-codeclimate
|
||||
background:
|
||||
repeat: no-repeat
|
||||
size: auto 9px
|
||||
position: 4px 8px
|
||||
&:hover
|
||||
@extend %icon-line-codeclimate-teal
|
||||
|
||||
.button-circle-cancel
|
||||
@extend %circle-button
|
||||
@extend %icon-line-cross
|
||||
background:
|
||||
repeat: no-repeat
|
||||
size: auto 100%
|
||||
&:hover
|
||||
@extend %icon-line-cross-teal
|
||||
|
||||
.button-circle-trigger
|
||||
@extend %circle-button
|
||||
@extend %icon-line-trigger
|
||||
background:
|
||||
position: 2px 1px
|
||||
repeat: no-repeat
|
||||
size: 24px 24px
|
||||
&:hover
|
||||
@extend %icon-line-trigger-teal
|
||||
|
||||
%log-button
|
||||
display: inline-block
|
||||
height: 28px
|
||||
padding: 0 0.8em 0 2.3em
|
||||
border: 1px solid #f1f1f1
|
||||
color: #f1f1f1
|
||||
border-radius: 2px
|
||||
text-align: center
|
||||
line-height: 1.9
|
||||
font-size: 14px
|
||||
font-weight: 300
|
||||
background:
|
||||
repeat: no-repeat
|
||||
size: auto 14px
|
||||
position: 7px 6px
|
||||
|
||||
// log buttons
|
||||
.remove-log-button
|
||||
@extend %log-button
|
||||
@extend %icon-remove-log
|
||||
&:hover,
|
||||
&:active
|
||||
background-color: #d94341
|
||||
|
||||
.download-log-button
|
||||
@extend %log-button
|
||||
@extend %icon-download-log
|
||||
&:hover,
|
||||
&:active
|
||||
background-color: #999a98
|
||||
|
||||
// popup buttons
|
||||
@mixin buttons($bg-color)
|
||||
display: inline-block
|
||||
padding: .3em 1em
|
||||
font-size: 20px
|
||||
color: white
|
||||
font-weight: $font-weight-light
|
||||
border-radius: 2px
|
||||
background-color: $bg-color
|
||||
&:hover,
|
||||
&:active
|
||||
background-color: lighten($bg-color, 10)
|
||||
|
||||
.button-delete
|
||||
@include buttons($red)
|
||||
|
||||
.button-cancel
|
||||
@include buttons(#A0A8A8)
|
||||
|
||||
.showmore-button
|
||||
padding-left: 2em
|
||||
background:
|
||||
repeat: no-repeat
|
||||
size: auto 20px
|
||||
position: 4px 1px
|
||||
cursor: pointer
|
||||
@extend .button--grey
|
||||
@extend %icon-line-eye
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,3 @@
|
|||
/*
|
||||
* Dashboard Activation Dropdown
|
||||
*/
|
||||
|
||||
$dropdown-border: #C3D9DB
|
||||
|
||||
|
|
@ -35,10 +32,6 @@ $dropdown-border: #C3D9DB
|
|||
border-left: solid 2px $dropdown-border;
|
||||
transform: rotate(45deg);
|
||||
|
||||
|
||||
/*
|
||||
* Dashboard Organizations Dropdown
|
||||
*/
|
||||
.filter
|
||||
position: relative
|
||||
img
|
||||
|
|
@ -85,50 +78,3 @@ $dropdown-border: #C3D9DB
|
|||
|
||||
&.is-open
|
||||
display: block
|
||||
|
||||
|
||||
|
||||
.dropdown
|
||||
position: relative
|
||||
.dropdown--classic
|
||||
width: 10.7rem
|
||||
|
||||
.dropdown-button
|
||||
height: 28px
|
||||
background-color: $grey-lighter
|
||||
border: none
|
||||
color: $white
|
||||
line-height: 1
|
||||
font-size: $font-size-normal
|
||||
&:hover,
|
||||
&:focus
|
||||
background-color: #8b9595
|
||||
.icon-cog-light
|
||||
position: relative
|
||||
top: 0.15em
|
||||
left: -0.2em
|
||||
.icon-arrow-down
|
||||
border-top-color: $white
|
||||
|
||||
@media #{$medium-up}
|
||||
float: right
|
||||
|
||||
.dropdown-menu
|
||||
@include resetul
|
||||
@extend %border-bottom-4px
|
||||
position: absolute
|
||||
top: 29px // height of the button +1
|
||||
width: 100%
|
||||
z-index: 70
|
||||
overflow: hidden
|
||||
background-color: $grey-lighter
|
||||
display: none
|
||||
a
|
||||
@extend %inline-block
|
||||
width: 100%
|
||||
padding: .4em 2em
|
||||
color: $white
|
||||
&:hover
|
||||
background-color: darken($grey-lighter, 10)
|
||||
&.display
|
||||
display: block
|
||||
|
|
|
|||
|
|
@ -9,65 +9,12 @@
|
|||
height: 1em
|
||||
@extend %icon
|
||||
|
||||
.icon-cal,
|
||||
.icon--cal,
|
||||
.icon-calendar
|
||||
background-image: inline-image('svg/finished-icon.svg')
|
||||
|
||||
.icon-clock,
|
||||
.icon--clock
|
||||
background-image: inline-image('svg/duration-icon.svg')
|
||||
|
||||
.icon-clock-dark,
|
||||
.icon--clock-dark
|
||||
background-image: inline-image('svg/duration-icon-dark2.svg')
|
||||
|
||||
.icon-github,
|
||||
.icon--github
|
||||
background-image: inline-image('svg/commit-icon.svg')
|
||||
|
||||
.icon--github-circle
|
||||
background-image: inline-image('icons/github.svg')
|
||||
|
||||
.icon-hash,
|
||||
.icon--hash
|
||||
background-image: inline-image('svg/build-number-icon.svg')
|
||||
|
||||
.icon-hash-dark,
|
||||
.icon--hash-dark
|
||||
background-image: inline-image('svg/build-number-icon-dark2.svg')
|
||||
|
||||
.icon-cog,
|
||||
.icon--cog
|
||||
background-image: inline-image('svg/settings_gray.svg')
|
||||
&:hover
|
||||
background-image: inline-image('svg/settings_teal.svg')
|
||||
|
||||
.icon-cog-light
|
||||
background-image: inline-image('icons/settings.svg')
|
||||
|
||||
%icon-star-grey
|
||||
background-image: inline-image('svg/icon-star-grey.svg')
|
||||
%icon-star-yellow
|
||||
background-image: inline-image('svg/icon-star-yellow.svg')
|
||||
%icon-star-red
|
||||
background-image: inline-image('svg/icon-star-red.svg')
|
||||
%icon-star-green
|
||||
background-image: inline-image('svg/icon-star-green.svg')
|
||||
|
||||
.icon.push
|
||||
background-image: inline-image('svg/push-icon.svg')
|
||||
|
||||
.icon.pull_request
|
||||
background-image: inline-image('svg/pull-request-icon.svg')
|
||||
|
||||
.icon--grey.push,
|
||||
.icon-push
|
||||
background-image: inline-image('svg/icon-request-push.svg')
|
||||
.icon--grey.pull_request,
|
||||
.icon-pull_request
|
||||
background-image: inline-image('svg/icon-request-pull.svg')
|
||||
|
||||
.icon-api,
|
||||
.icon.api
|
||||
background-image: inline-image('svg/api-white.svg')
|
||||
|
|
@ -77,77 +24,16 @@
|
|||
.icon--cancel
|
||||
background-image: inline-image('svg/off.svg')
|
||||
|
||||
.icon-sync,
|
||||
.icon--trigger
|
||||
.icon-sync
|
||||
background-image: inline-image('icons/sync-account-icon.svg')
|
||||
|
||||
.icon--downloadLog
|
||||
background-image: inline-image('icons/download-log-icon.svg')
|
||||
.icon--removeLog
|
||||
background-image: inline-image('icons/remove-log-icon.svg')
|
||||
.icon--down
|
||||
background-image: inline-image('icons/end-of-log-icon.svg')
|
||||
.icon--codeclimate
|
||||
background-image: inline-image('icons/code-climate-icon.svg')
|
||||
%icon-download-log
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 12.4"><style>.st0{fill:%23f1f1f1;}</style><g id="downloadlog"><path class="st0" d="M5.1 11.3c-.4 0-.7-.3-.7-.7V.6c0-.3.3-.6.7-.6.4 0 .7.3.7.7v10c-.1.4-.4.6-.7.6z"/><path class="st0" d="M5.1 12.4c-.2 0-.3-.1-.5-.2L.2 7.8c-.3-.3-.3-.7 0-.9s.7-.3.9 0L5 10.8l4-3.9c.3-.3.7-.3.9 0s.3.7 0 .9l-4.4 4.4c-.1.1-.3.2-.4.2zM14.1 2.1H7.9c-.4 0-.7-.3-.7-.7s.3-.7.7-.7h6.2c.4 0 .7.3.7.7s-.3.7-.7.7zM14.3 5.3H7.9c-.4 0-.6-.3-.6-.7 0-.4.2-.6.6-.6h6.4c.4 0 .7.2.7.6 0 .4-.3.7-.7.7zM14.3 8.5h-2.4c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7h2.4c.4 0 .7.3.7.7 0 .4-.3.7-.7.7zM13 11.6H9.2c-.4 0-.7-.3-.7-.7s.3-.7.7-.7H13c.4 0 .7.3.7.7s-.4.7-.7.7z"/></g></svg>')
|
||||
%icon-remove-log
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 10.9"><style>.st0{fill:%23f1f1f1;}</style><g id="removelog"><path class="st0" d="M12.3 1.8h1.9c.3 0 .6-.3.6-.6s-.3-.6-.6-.6h-1.9c-.3 0-.6.3-.6.6 0 .4.3.6.6.6zM9.7 3.5c-.3 0-.6.3-.6.6s.3.6.6.6h4.8c.3 0 .6-.3.6-.6s-.3-.6-.6-.6H9.7zM14.4 6.3H9.7c-.3 0-.6.3-.6.6s.3.6.6.6h4.7c.3 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6zM13.2 9.1h-.7c-.3 0-.6.3-.6.6s.3.6.6.6h.7c.3 0 .6-.3.6-.6 0-.4-.3-.6-.6-.6z"/><path class="st0" d="M6.3 5.4L10.7 1c.2-.2.2-.6 0-.9-.2-.2-.6-.2-.9 0L5.4 4.5 1.1.2C.9 0 .5 0 .2.2s-.2.6 0 .9l4.4 4.4L.2 9.8c-.2.2-.2.6 0 .9.1.1.3.2.4.2s.3-.1.4-.2l4.4-4.4 4.4 4.4c.1.1.3.2.4.2.2 0 .3-.1.4-.2.2-.2.2-.6 0-.9L6.3 5.4z"/></g></svg>')
|
||||
%icon-arrow-down
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.1 15"><style>.st0{fill:%23f1f1f1;}</style><path id="downarrow" class="st0" d="M12 8.5c-.2-.2-.6-.2-.8 0L6.7 13V.6c0-.3-.3-.6-.6-.6-.4 0-.6.3-.6.6V13L1 8.5c-.2-.2-.6-.2-.8 0-.2.2-.2.6 0 .8l5.5 5.5c.1.1.2.2.4.2s.3-.1.4-.2L12 9.4c.2-.3.2-.7 0-.9z"/></svg>')
|
||||
|
||||
|
||||
.icon-status.errored
|
||||
background-image: inline-image('dashboard/status-errored.svg')
|
||||
|
||||
.icon-status.failed
|
||||
background-image: inline-image('dashboard/status-failed.svg')
|
||||
|
||||
.icon-status.canceled
|
||||
background-image: inline-image('dashboard/status-cancelled.svg')
|
||||
|
||||
.icon-status.passed
|
||||
background-image: inline-image('dashboard/status-passed.svg')
|
||||
|
||||
.icon-status.started,
|
||||
.icon-status.queued,
|
||||
.icon-status.booting,
|
||||
.icon-status.received,
|
||||
.icon-status.created,
|
||||
background-image: inline-image('dashboard/status-pending.svg')
|
||||
|
||||
|
||||
.icon--env
|
||||
background-image: inline-image('svg/icon-environment-dark2.svg')
|
||||
.icon--job.failed,
|
||||
.icon--job.rejected
|
||||
background-image: inline-image('svg/icon-job-failed.svg')
|
||||
.icon--job.passed,
|
||||
.icon--job.accepted
|
||||
background-image: inline-image('svg/icon-job-passed.svg')
|
||||
.icon--job.errored
|
||||
background-image: inline-image('svg/icon-job-errored.svg')
|
||||
.icon--job.started,
|
||||
.icon--job.queued,
|
||||
.icon--job.booting,
|
||||
.icon--job.received,
|
||||
.icon--job.created,
|
||||
background-image: inline-image('svg/icon-job-started.svg')
|
||||
.icon--job.canceled
|
||||
background-image: inline-image('svg/icon-job-canceled.svg')
|
||||
|
||||
.icon--lang
|
||||
background-image: inline-image('svg/icon-language-dark2.svg')
|
||||
.icon--linux,
|
||||
.icon.linux
|
||||
background-image: inline-image('svg/icon-linux-dark2.svg')
|
||||
.icon--mac,
|
||||
.icon.mac
|
||||
.icon.osx
|
||||
background-image: inline-image('svg/icon-mac-dark2.svg')
|
||||
.icon--eye
|
||||
background-image: inline-image('svg/icon-showmore.svg')
|
||||
.icon--question
|
||||
background-image: inline-image('svg/icon-help.svg')
|
||||
&:hover
|
||||
background-image: inline-image('svg/icon-help-hover.svg')
|
||||
|
||||
.icon-tab-arrow
|
||||
background-image: inline-image('svg/icon-tab-arrow.svg')
|
||||
.icon--search
|
||||
background-image: inline-image('svg/search.svg')
|
||||
|
||||
|
|
@ -166,14 +52,20 @@
|
|||
%icon-hook-off
|
||||
background-image: inline-image('svg/hooks-off.svg')
|
||||
|
||||
.icon-delete
|
||||
background-image: inline-image('svg/delete.svg')
|
||||
|
||||
.icon-delete-hover
|
||||
background-image: inline-image('svg/delete-hover.svg')
|
||||
|
||||
%icon-line-trashcan
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-501.7 376.8 12.3 15"><style>.st0{fill:%23939798;}</style><g id="trash"><path class="st0" d="M-491 381.1h-9.2c-.2 0-.3.1-.4.2-.1.1-.2.3-.1.4l.8 9.6c0 .3.3.5.6.5h7.7c.3 0 .5-.2.6-.5l.8-9.6c0-.2 0-.3-.1-.4-.4-.1-.5-.2-.7-.2zm-1.3 9.6h-6.6l-.7-8.4h8l-.7 8.4zM-490 379.2h-2.9v-1.1c0-.7-.6-1.3-1.3-1.3h-2.7c-.7 0-1.3.6-1.3 1.3v1.1h-2.9c-.3 0-.6.3-.6.6s.3.6.6.6h11.2c.3 0 .6-.3.6-.6s-.4-.6-.7-.6zm-7.1-1c0-.1.1-.2.2-.2h2.7c.1 0 .2.1.2.2v1.1h-3.1v-1.1z"/><path class="st0" d="M-496.7 389.5c.3 0 .4-.2.4-.5l-.4-5.2c0-.2-.2-.4-.5-.4-.2 0-.4.2-.4.5l.4 5.2c.1.3.3.4.5.4zM-494.5 389.5c.3 0 .4-.2.5-.4l.4-5.2c0-.2-.2-.4-.4-.5-.2 0-.4.2-.5.4l-.4 5.2c0 .3.2.5.4.5z"/></g></svg>')
|
||||
%icon-line-trashcan-red
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-501.7 376.8 12.3 15"><style>.st0{fill:%23d94341;}</style><g id="trash"><path class="st0" d="M-491 381.1h-9.2c-.2 0-.3.1-.4.2-.1.1-.2.3-.1.4l.8 9.6c0 .3.3.5.6.5h7.7c.3 0 .5-.2.6-.5l.8-9.6c0-.2 0-.3-.1-.4-.4-.1-.5-.2-.7-.2zm-1.3 9.6h-6.6l-.7-8.4h8l-.7 8.4zM-490 379.2h-2.9v-1.1c0-.7-.6-1.3-1.3-1.3h-2.7c-.7 0-1.3.6-1.3 1.3v1.1h-2.9c-.3 0-.6.3-.6.6s.3.6.6.6h11.2c.3 0 .6-.3.6-.6s-.4-.6-.7-.6zm-7.1-1c0-.1.1-.2.2-.2h2.7c.1 0 .2.1.2.2v1.1h-3.1v-1.1z"/><path class="st0" d="M-496.7 389.5c.3 0 .4-.2.4-.5l-.4-5.2c0-.2-.2-.4-.5-.4-.2 0-.4.2-.4.5l.4 5.2c.1.3.3.4.5.4zM-494.5 389.5c.3 0 .4-.2.5-.4l.4-5.2c0-.2-.2-.4-.4-.5-.2 0-.4.2-.5.4l-.4 5.2c0 .3.2.5.4.5z"/></g></svg>')
|
||||
%icon-line-trashcan-disabled
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-502.4 377 12.1 15"><style>.st0{fill:%23939798;}</style><g id="disabledtrash"><path class="st0" d="M-492.3 382.7l-.6 8.2h-6.6v-.4l-.8.9-.2.2c.1.2.3.4.5.4h7.7c.3 0 .5-.2.6-.5l.8-9.6c0-.1 0-.3-.1-.4l-1.3 1.2zM-496.1 381.4h-4.7c-.2 0-.3.1-.4.2-.1.1-.2.3-.1.4l.4 4.7 1-1.1-.2-3h3.1l.9-1.2zM-501.8 380.6h6.5l1.8-1.9v-.3c0-.7-.6-1.3-1.3-1.3h-2.7c-.7 0-1.3.6-1.3 1.3v1.1h-2.9c-.3 0-.6.3-.6.6s.2.5.5.5zm4-2.2c0-.1.1-.2.2-.2h2.7c.1 0 .2.1.2.2v1.1h-3.1v-1.1z"/><path class="st0" d="M-497.4 389.8c.1 0 .1 0 0 0 .3 0 .4-.2.4-.5l-.1-1.5-.8.9v.7c.1.2.3.4.5.4zM-495.1 389.8c.2 0 .4-.2.4-.4l.3-4.4-.9 1-.2 3.3c-.1.2.1.4.4.5zM-490.5 378.1c-.2-.2-.6-.2-.8 0l-10.9 11.7c-.2.2-.2.6 0 .8.1.1.2.2.4.2s.3-.1.4-.2l10.9-11.7c.2-.3.2-.6 0-.8z"/></g></svg>')
|
||||
|
||||
.icon-delete
|
||||
@extend %icon-line-trashcan
|
||||
.icon-delete-hover
|
||||
@extend %icon-line-trashcan-red
|
||||
.icon-delete-disabled
|
||||
background-image: inline-image('svg/delete-disabled.svg')
|
||||
@extend %icon-line-trashcan-disabled
|
||||
|
||||
.icon-key
|
||||
background-image: inline-image('svg/key.svg')
|
||||
|
|
@ -182,15 +74,131 @@
|
|||
background-image: inline-image('svg/fingerprint.svg')
|
||||
|
||||
|
||||
%icon-line-calendar
|
||||
background-image: inline-image('line-icons/icon-cal.svg')
|
||||
.icon-line-cal
|
||||
@extend %icon
|
||||
background-image: inline-image('line-icons/icon-cal.svg')
|
||||
@extend %icon-line-calendar
|
||||
|
||||
%icon-line-clock
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-289 191 20 20"><style>.st0{fill:%23A5ACAD;}</style><path class="st0" d="M-278.9 207.7c-3.7 0-6.7-3-6.7-6.7s3-6.7 6.7-6.7 6.7 3 6.7 6.7-3 6.7-6.7 6.7zm0-12.3c-3.1 0-5.6 2.5-5.6 5.6s2.5 5.6 5.6 5.6c3.1 0 5.6-2.5 5.6-5.6s-2.5-5.6-5.6-5.6z"/><path class="st0" d="M-276.7 203.1c-.1 0-.2 0-.3-.1l-2.4-1.5c-.2-.1-.2-.3-.2-.4v-3.8c0-.3.2-.5.5-.5s.5.2.5.5v3.5l2.1 1.4c.2.2.3.5.2.7-.1.1-.2.2-.4.2z"/></svg>')
|
||||
.icon-line-clock
|
||||
@extend %icon
|
||||
@extend %icon-line-clock
|
||||
|
||||
%icon-line-stopwatch
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-506.8 377.5 17.5 19.5"><style>.st0{fill:%23A5ACAD;}</style><path class="st0" d="M-499.4 397c-4.1 0-7.4-3.3-7.4-7.4s3.3-7.4 7.4-7.4 7.4 3.3 7.4 7.4-3.4 7.4-7.4 7.4zm0-13.4c-3.3 0-6.1 2.7-6.1 6.1s2.7 6.1 6.1 6.1 6.1-2.7 6.1-6.1-2.8-6.1-6.1-6.1z"/><path class="st0" d="M-497.1 392c-.1 0-.2 0-.4-.1l-2.6-1.7c-.2-.1-.3-.3-.3-.5v-4.1c0-.4.3-.6.6-.6s.6.3.6.6v3.8l2.3 1.5c.3.2.4.6.2.9.1.1-.2.2-.4.2zM-499.4 381.9c-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2c1.2 0 2.2 1 2.2 2.2s-1 2.2-2.2 2.2zm0-3.1c-.5 0-.9.4-.9.9s.4.9.9.9.9-.4.9-.9-.4-.9-.9-.9zM-491.3 387.6c-.3 0-.7-.2-.8-.5l-1.1-2.1c-.2-.5-.1-1 .4-1.3l1.1-.6c.5-.2 1-.1 1.3.4l1.1 2.1c.2.5.1 1-.4 1.3l-1.1.6c-.2.1-.4.1-.5.1zm-.7-3l.8 1.5.4-.2-.8-1.5-.4.2z"/></svg>')
|
||||
|
||||
.icon-line-build
|
||||
@extend %icon
|
||||
background-image: inline-image('line-icons/icon-build.svg')
|
||||
|
||||
%icon-line-commit
|
||||
background-image: inline-image('line-icons/icon-commit.svg')
|
||||
.icon-line-commit
|
||||
@extend %icon
|
||||
background-image: inline-image('line-icons/icon-commit.svg')
|
||||
@extend %icon-line-commit
|
||||
|
||||
|
||||
%icon-line-eye
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23f2f2f2" d="M17.4 9.6c-.1-.2-3.3-4.1-7.4-4.1s-7.3 4-7.4 4.1c-.2.2-.2.6 0 .8.1.2 3.3 4.1 7.4 4.1s7.3-4 7.4-4.1c.2-.2.2-.6 0-.8zM10 13.2c-2.8 0-5.2-2.3-6.1-3.2.9-.9 3.3-3.2 6.1-3.2s5.2 2.3 6.1 3.2c-.9.9-3.3 3.2-6.1 3.2z"/><path fill="%23f2f2f2" d="M10 7c-1.5 0-2.6 1.3-2.6 3s1.2 3 2.6 3 2.6-1.3 2.6-3-1.1-3-2.6-3zm0 4.7c-.7 0-1.3-.7-1.3-1.7s.6-1.7 1.3-1.7 1.3.7 1.3 1.7-.6 1.7-1.3 1.7z"/></svg>')
|
||||
|
||||
%icon-line-question
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.7 15"><style>.st0{fill:%23949899;}</style><g id="helpquestion"><path class="st0" d="M4.1 11.5c-.4 0-.6-.3-.7-.6 0-.1-.1-3.3 2.5-4.8C7 5.5 7.6 4.4 7.3 3.2c-.2-.9-1.1-1.9-2.9-1.9-1 0-1.8.3-2.3.8-.8.9-.8 2.2-.8 2.3 0 .3-.2.6-.6.6-.4 0-.7-.2-.7-.6 0-.1-.1-1.9 1.2-3.2C2 .4 3 0 4.4 0c2.1 0 3.7 1.1 4.2 2.9.4 1.7-.4 3.4-2 4.4-1.9 1.1-1.9 3.5-1.8 3.6 0 .3-.3.6-.7.6z"/><circle class="st0" cx="4.1" cy="14.1" r=".9"/></g></svg>')
|
||||
%icon-line-question-teal
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.7 15"><style>.st0{fill:%2340a3ad;}</style><g id="helpquestion"><path class="st0" d="M4.1 11.5c-.4 0-.6-.3-.7-.6 0-.1-.1-3.3 2.5-4.8C7 5.5 7.6 4.4 7.3 3.2c-.2-.9-1.1-1.9-2.9-1.9-1 0-1.8.3-2.3.8-.8.9-.8 2.2-.8 2.3 0 .3-.2.6-.6.6-.4 0-.7-.2-.7-.6 0-.1-.1-1.9 1.2-3.2C2 .4 3 0 4.4 0c2.1 0 3.7 1.1 4.2 2.9.4 1.7-.4 3.4-2 4.4-1.9 1.1-1.9 3.5-1.8 3.6 0 .3-.3.6-.7.6z"/><circle class="st0" cx="4.1" cy="14.1" r=".9"/></g></svg>')
|
||||
|
||||
.icon-question
|
||||
width: 1em
|
||||
height: 1em
|
||||
background:
|
||||
repeat: no-repeat
|
||||
position: 4px 2px
|
||||
size: auto 10px
|
||||
display: inline-block
|
||||
border: solid 1px #E4E6E6
|
||||
border-radius: 50%
|
||||
@extend %icon-line-question
|
||||
&:hover
|
||||
border-color: $teal
|
||||
@extend %icon-line-question-teal
|
||||
|
||||
%icon-line-hash
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-289 191 20 20"><style>.st0{fill:%23A5ACAD;}</style><path class="st0" d="M-272.4 198.4h-3.4l.3-3.3c0-.3-.2-.6-.5-.6s-.6.2-.6.5l-.3 3.4h-3.2l.3-3.6c0-.3-.2-.6-.5-.6s-.6.2-.6.5l-.3 3.7h-3.2c-.3 0-.5.2-.5.6 0 .3.2.5.5.5h3.1l-.2 2.9h-3.5c-.3 0-.5.2-.5.6 0 .3.2.5.5.5h3.4l-.3 3.3c0 .3.2.6.5.6s.5-.2.5-.5l.3-3.4h3.2l-.3 3.6c0 .3.2.6.5.6s.5-.2.5-.5l.3-3.7h3.2c.3 0 .5-.2.5-.6 0-.3-.2-.5-.5-.5h-3.1l.2-2.9h3.5c.3 0 .5-.2.5-.6.3-.2 0-.5-.3-.5zm-4.8 4h-3.2l.2-2.9h3.2l-.2 2.9z"/></svg>')
|
||||
%icon-line-linux
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-504 379.9 12.7 16"><style>.st0{fill:%23939798;}</style><path class="st0" d="M-497.6 383c-.8 0-1.2.2-1.4.3-.2.1-.4.4-.4.6 0 .2.1.4.3.6l1.1.7c.1 0 .2.1.4.1.1 0 .3-.1.4-.1 1.1-.8 1.2-.8 1.2-.9.1-.1.2-.3.2-.4 0-.2-.1-.5-.3-.6-.3-.1-.8-.3-1.5-.3zm0 1.3l-.4-.3h.8c-.2.1-.3.2-.4.3z"/><path class="st0" d="M-493.9 385.7c-.5-.5-.7-2-.8-2.9-.1-1.6-1.4-2.8-3-2.8s-2.9 1.2-3 2.8c0 .2-.1.5-.1.8-.1.9-.2 1.7-.7 2.2-1.1 1.1-2.4 3.2-2.5 4v.1c0 .6.3 1.1.8 1.2.2 0 .5 0 .7-.2 0 0 .5-.3.8-.4v.1s.2.7.3.9c-.2.2-.3.4-.3.7v.2h-.1c-.5.1-.8.5-.8 1 0 .2 0 .4.1.5 0 0 1.4 2.2 2.9 2.2 0 0 .3 0 .5-.1s.3-.2.3-.2c.4-.3.6-.8.6-1.6h1.1c.1.8.3 1.4.6 1.6 0 0 .2.1.3.2.2.1.5.1.5.1 1.5 0 2.8-2.2 2.9-2.2.1-.1.1-.3.1-.5 0-.5-.3-.9-.8-1l-.1-.1v-.2c0-.2-.1-.4-.3-.6.1-.3.3-.7.4-1.1.3.1.6.4.7.4.2.2.5.2.7.2.2 0 .8-.2.8-1.2 0-.9-1.6-3.1-2.6-4.1zm-5.5 9.2s-.1 0 0 0c-.1.1-.2.1-.2.1-.7 0-1.8-1.3-2-1.7h.1c.4-.1.8-.5.8-1l.1-.1.2.2c.3.2.7.3 1.1.1l.2-.1s.1.3.1 1.2c-.2.9-.3 1.2-.4 1.3zm2.4-3c-.1.2-.1.6-.1 1.1-.2 0-.3.1-.5.1s-.4 0-.5-.1c0 0-.1-.9-.1-1.1-.2-.6-1-.9-1.6-.5l-.1-.1c-.1-.1-.3-.2-.5-.3-.1-.3-.2-.5-.3-.7.1-1.6 1.6-3.7 3.1-3.7s3 1.6 3.1 3.2c-.1.4-.2.8-.4 1.2h.2c-.3 0-.5.1-.7.3h-.1c-.5-.2-1.3 0-1.5.6zm3.2 1.3s.1 0 0 0c.1 0 .1 0 .1.1-.2.4-1.3 1.7-2 1.7h-.1l-.1-.1c-.1-.1-.2-.4-.2-1.4 0-1 .1-1.2.1-1.2s.1.1.2.1c.4.2.8.1 1.1-.1 0 0 .1-.1.2-.1-.1.3.2.9.7 1zm1.5-3.3c-.3-.2-.9-.5-1.2-.6-.4-1.9-2.2-3.5-4-3.5-1.7 0-3.3 1.7-3.9 3.5h-.2c-.9.4-1.2.5-1.4.6.1-.5 1.2-2.5 2.3-3.5.7-.7.9-1.8 1-2.8 0-.2.1-.5.1-.8.1-1.1.9-1.9 2-1.9s1.9.8 2 1.9c0 .3.2 2.7 1.1 3.6 1 1.1 2.2 3 2.2 3.5 0-.1 0 0 0 0z"/></svg>')
|
||||
%icon-line-mac
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-501.2 377.3 11.2 15"><style>.st0{fill:%23939798;}</style><path class="st0" d="M-490.4 387.9c-.2-.1-.3-.2-.5-.3-.4-.3-.6-.7-.7-1.1-.1-.6-.1-1.2.2-1.6.2-.2.4-.5.7-.7.1 0 .1-.1.2-.2.2-.2.2-.5 0-.7-.1-.2-.3-.4-.4-.5-.5-.5-1.1-.8-1.8-.9-.3 0-.6-.1-1-.1-.3 0-.7.1-1.1.3l-.8.3-.9-.3c-.4-.1-.8-.3-1.2-.2-.9 0-1.7.4-2.4 1-.6.6-1 1.3-1.1 2.2 0 .2 0 .3-.1.5v1.1c0 .5.2 1.1.3 1.7.3.8.6 1.5 1 2.1.3.4.5.8.9 1.2.2.2.5.5.9.6.1 0 .2 0 .3.1h.6c.1 0 .2 0 .4-.1.1 0 .3-.1.4-.2l.3-.1c.5-.2.9-.2 1.4.1.2.1.5.2.9.3.6.1 1.1 0 1.6-.4.3-.3.6-.6.8-.9.4-.6.7-1.1 1-1.7.1-.1.1-.3.2-.4v-.1c0-.1.1-.2.1-.3.2-.4.1-.6-.2-.7zm-1 .9c-.2.5-.5.9-.8 1.4-.2.3-.4.5-.6.7-.2.2-.4.2-.7.2-.2 0-.5-.1-.6-.2-.8-.3-1.5-.4-2.2-.1l-.3.1c-.1 0-.3.1-.4.1-.1 0-.1 0-.2.1h-.2-.1c-.1-.1-.3-.2-.5-.4-.3-.3-.5-.6-.8-1-.3-.5-.6-1.1-.8-1.8-.2-.5-.2-.9-.3-1.4v-1c0-.1 0-.3.1-.4.1-.6.4-1.2.8-1.6.4-.4 1-.7 1.6-.7.2 0 .5.1.8.2l.9.3c.3.1.5.1.8 0l.8-.3c.3-.1.6-.2.8-.2h.6c.4.1.8.2 1.1.5l-.6.6c-.5.7-.6 1.6-.4 2.5.2.7.5 1.3 1.2 1.8-.1.4 0 .5 0 .6.1 0 0 0 0 0zM-495.7 381.7H-495.4c.3 0 .7-.1 1-.2.5-.2.9-.5 1.3-1s.7-1.1.8-1.7c.1-.3.1-.6 0-.9 0-.3-.3-.6-.6-.6h-.1-.4c-1.5.4-2.7 1.6-2.9 3.1V381c.1.4.3.6.6.7zm2.2-3c-.1.4-.3.7-.5 1.1-.3.3-.5.5-.8.7h-.1c0-.7.6-1.5 1.4-1.8z"/></svg>')
|
||||
%icon-line-language
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-505.6 382.2 15 11.8"><style>.st0{fill:%23939798;}</style><g id="codelang"><path class="st0" d="M-501.7 391.8c-.2 0-.3-.1-.4-.2l-3.2-3.2c-.2-.2-.2-.6 0-.9l3.2-3.2c.2-.2.6-.2.9 0 .2.2.2.6 0 .9l-2.8 2.8 2.8 2.8c.2.2.2.6 0 .9-.2 0-.4.1-.5.1zM-494.4 391.8c-.2 0-.3-.1-.4-.2-.2-.2-.2-.6 0-.9l2.8-2.8-2.8-2.8c-.2-.2-.2-.6 0-.9.2-.2.6-.2.9 0l3.2 3.2c.2.2.2.6 0 .9l-3.2 3.2c-.2.2-.4.3-.5.3zM-499.8 394.1h-.2c-.3-.1-.5-.5-.4-.8l3.4-10.6c.1-.3.5-.5.8-.4.3.1.5.5.4.8l-3.4 10.6c-.1.2-.3.4-.6.4z"/></g></svg>')
|
||||
%icon-line-environment
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-506.5 380.6 14.8 15"><style>.st0{fill:%23939798;}</style><path class="st0" d="M-491.7 383c0-.1-.1-.2-.1-.3l-.1-.1h-.1-.1l-6.9-1.9h-.4l-6.7 1.9h-.1-.1l-.1.1c0 .1-.1.1-.1.2v8.9c0 .3.1.5.4.6l6.7 3c.1 0 .2.1.3.1h.2c.2 0 .3-.1.5-.2l6.4-2.5c.2-.1.4-.3.4-.6v-9.1c-.1 0-.1 0-.1-.1zm-7.5-1.1l4.6 1.3-4.4 1.4-4.6-1.4 4.4-1.3zm-6 2.1l5.6 1.7v8.4l-5.6-2.5V384zm6.8 9.9v-8.3l5.4-1.7v7.8l-5.4 2.2z"/></svg>')
|
||||
|
||||
%icon-line-cog
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.2 15"><style>.st0{fill:%238d8d8d;}</style><path class="st0" d="M7.9 15H6.3c-.9 0-1.6-.7-1.6-1.6v-.9c-.2-.1-.4-.2-.5-.3l-.7.4c-.8.5-1.8.2-2.3-.6l-.8-1.4c-.6-.7-.4-1.7.4-2.2l.8-.4v-.5-.4l-.8-.4c-.4-.2-.6-.6-.8-1-.1-.4 0-.9.2-1.3L1.1 3c.2-.4.6-.6 1-.8.4-.1.9-.1 1.2.2l.7.5c.2-.1.4-.3.6-.4v-.9C4.7.7 5.4 0 6.3 0h1.6c.9 0 1.6.7 1.6 1.6v.9c.2.1.4.2.5.3l.8-.5c.4-.2.8-.3 1.2-.2.4.1.8.4 1 .7l1 1.5c.5.8.2 1.8-.6 2.3l-.7.4v.9l.7.4c.8.5 1 1.5.6 2.2l-.8 1.5c-.2.4-.6.6-1 .8-.4.1-.9.1-1.2-.2l-.8-.4-.6.3v.9c0 .9-.8 1.6-1.7 1.6zm-3.7-4.4l.3.3c.3.3.7.4 1 .6l.4.2v1.7c0 .2.2.3.4.3h1.6c.2 0 .4-.2.4-.3v-1.7l.4-.2c.3-.2.9-.5 1.1-.6l.3-.3 1.5.9c.1.1.2 0 .3 0 .1 0 .2-.1.2-.2l.8-1.4c.1-.2 0-.4-.1-.5l-1.5-.9.1-.4c0-.2.1-.4.1-.6 0-.2 0-.5-.1-.7l-.1-.4 1.5-.9c.1-.1.2-.3.1-.5L12 3.6c-.1-.1-.2-.1-.2-.2h-.3l-1.5.9-.3-.2c-.2-.2-.7-.5-1-.6l-.4-.1V1.6c0-.2-.2-.3-.4-.3H6.3c-.2 0-.4.2-.4.3v1.7l-.4.2c-.3.2-.7.4-1 .6l-.4.3-1.5-.9c-.1-.1-.2 0-.3 0-.1 0-.2.1-.2.2l-.8 1.4c-.1.1 0 .2 0 .3 0 .1.1.2.2.2l1.5.8-.1.5c0 .2-.1.4-.1.6 0 .2 0 .5.1.7l.1.4-1.5.9c-.2.1-.2.3-.1.5l.8 1.4c.1.2.3.2.5.1l1.5-.9zm2.9-.4c-1.5 0-2.7-1.2-2.7-2.7s1.2-2.7 2.7-2.7c1.5 0 2.7 1.2 2.7 2.7s-1.2 2.7-2.7 2.7zm0-4.1c-.8 0-1.4.6-1.4 1.4s.6 1.4 1.4 1.4c.8 0 1.4-.6 1.4-1.4s-.6-1.4-1.4-1.4z" id="settingscog"/></svg>')
|
||||
%icon-line-cog-teal
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.2 15"><style>.st0{fill:%2340a3ad;}</style><path class="st0" d="M7.9 15H6.3c-.9 0-1.6-.7-1.6-1.6v-.9c-.2-.1-.4-.2-.5-.3l-.7.4c-.8.5-1.8.2-2.3-.6l-.8-1.4c-.6-.7-.4-1.7.4-2.2l.8-.4v-.5-.4l-.8-.4c-.4-.2-.6-.6-.8-1-.1-.4 0-.9.2-1.3L1.1 3c.2-.4.6-.6 1-.8.4-.1.9-.1 1.2.2l.7.5c.2-.1.4-.3.6-.4v-.9C4.7.7 5.4 0 6.3 0h1.6c.9 0 1.6.7 1.6 1.6v.9c.2.1.4.2.5.3l.8-.5c.4-.2.8-.3 1.2-.2.4.1.8.4 1 .7l1 1.5c.5.8.2 1.8-.6 2.3l-.7.4v.9l.7.4c.8.5 1 1.5.6 2.2l-.8 1.5c-.2.4-.6.6-1 .8-.4.1-.9.1-1.2-.2l-.8-.4-.6.3v.9c0 .9-.8 1.6-1.7 1.6zm-3.7-4.4l.3.3c.3.3.7.4 1 .6l.4.2v1.7c0 .2.2.3.4.3h1.6c.2 0 .4-.2.4-.3v-1.7l.4-.2c.3-.2.9-.5 1.1-.6l.3-.3 1.5.9c.1.1.2 0 .3 0 .1 0 .2-.1.2-.2l.8-1.4c.1-.2 0-.4-.1-.5l-1.5-.9.1-.4c0-.2.1-.4.1-.6 0-.2 0-.5-.1-.7l-.1-.4 1.5-.9c.1-.1.2-.3.1-.5L12 3.6c-.1-.1-.2-.1-.2-.2h-.3l-1.5.9-.3-.2c-.2-.2-.7-.5-1-.6l-.4-.1V1.6c0-.2-.2-.3-.4-.3H6.3c-.2 0-.4.2-.4.3v1.7l-.4.2c-.3.2-.7.4-1 .6l-.4.3-1.5-.9c-.1-.1-.2 0-.3 0-.1 0-.2.1-.2.2l-.8 1.4c-.1.1 0 .2 0 .3 0 .1.1.2.2.2l1.5.8-.1.5c0 .2-.1.4-.1.6 0 .2 0 .5.1.7l.1.4-1.5.9c-.2.1-.2.3-.1.5l.8 1.4c.1.2.3.2.5.1l1.5-.9zm2.9-.4c-1.5 0-2.7-1.2-2.7-2.7s1.2-2.7 2.7-2.7c1.5 0 2.7 1.2 2.7 2.7s-1.2 2.7-2.7 2.7zm0-4.1c-.8 0-1.4.6-1.4 1.4s.6 1.4 1.4 1.4c.8 0 1.4-.6 1.4-1.4s-.6-1.4-1.4-1.4z" id="settingscog"/></svg>')
|
||||
|
||||
%icon-line-dropdown
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 5.4"><style>.st0{fill:%238d8d8d;}</style><path class="st0" d="M0 .5C0 .4 0 .3.1.2c.2-.2.5-.2.7 0l4.8 4.2L10.3.2c.2-.2.5-.2.7 0 .2.2.2.5 0 .7L6 5.4c-.2.2-.4.2-.6 0L.2.8C.1.7 0 .6 0 .5z" id="tabarrow_1_"/></svg>')
|
||||
%icon-line-dropdown-teal
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 5.4"><style>.st0{fill:%2340a3ad;}</style><path class="st0" d="M0 .5C0 .4 0 .3.1.2c.2-.2.5-.2.7 0l4.8 4.2L10.3.2c.2-.2.5-.2.7 0 .2.2.2.5 0 .7L6 5.4c-.2.2-.4.2-.6 0L.2.8C.1.7 0 .6 0 .5z" id="tabarrow_1_"/></svg>')
|
||||
|
||||
%icon-line-codeclimate
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.3 8.3"><style>.st0{fill:%23A7AEAE;}</style><path class="st0" d="M.7 8.3c-.2 0-.3-.1-.5-.2-.3-.3-.3-.7 0-.9l5-5c.2-.2.7-.2.9 0l5 5c.3.3.3.7 0 .9-.3.3-.7.3-.9 0L5.7 3.5 1.1 8.1c-.1.1-.3.2-.4.2zM16.7 6.3c-.2 0-.3-.1-.5-.2l-4.6-4.6-1.7 1.8c-.2.2-.6.2-.9 0s-.2-.7 0-.9L11.2.2c.2-.2.7-.2.9 0l5 5c.3.3.3.7 0 .9-.1.1-.3.2-.4.2z"/></svg>')
|
||||
%icon-line-codeclimate-teal
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.3 8.3"><style>.st0{fill:%2340a3ad;}</style><path class="st0" d="M.7 8.3c-.2 0-.3-.1-.5-.2-.3-.3-.3-.7 0-.9l5-5c.2-.2.7-.2.9 0l5 5c.3.3.3.7 0 .9-.3.3-.7.3-.9 0L5.7 3.5 1.1 8.1c-.1.1-.3.2-.4.2zM16.7 6.3c-.2 0-.3-.1-.5-.2l-4.6-4.6-1.7 1.8c-.2.2-.6.2-.9 0s-.2-.7 0-.9L11.2.2c.2-.2.7-.2.9 0l5 5c.3.3.3.7 0 .9-.1.1-.3.2-.4.2z"/></svg>')
|
||||
|
||||
%icon-line-cross
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23A7AEAE" d="M10.9 10l3.9-3.9c.2-.2.2-.6 0-.9-.2-.2-.6-.2-.9 0L10 9.1 6.1 5.2c-.2-.2-.6-.2-.9 0-.2.2-.2.6 0 .9L9.1 10l-3.9 3.9c-.2.2-.2.6 0 .9.1.1.3.2.4.2s.3-.1.4-.2l3.9-3.9 3.9 3.9c.1.1.3.2.4.2.2 0 .3-.1.4-.2.2-.2.2-.6 0-.9L10.9 10z"/></svg>')
|
||||
%icon-line-cross-white
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23FFFFFF" d="M10.9 10l3.9-3.9c.2-.2.2-.6 0-.9-.2-.2-.6-.2-.9 0L10 9.1 6.1 5.2c-.2-.2-.6-.2-.9 0-.2.2-.2.6 0 .9L9.1 10l-3.9 3.9c-.2.2-.2.6 0 .9.1.1.3.2.4.2s.3-.1.4-.2l3.9-3.9 3.9 3.9c.1.1.3.2.4.2.2 0 .3-.1.4-.2.2-.2.2-.6 0-.9L10.9 10z"/></svg>')
|
||||
%icon-line-cross-teal
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%2340a3ad" d="M10.9 10l3.9-3.9c.2-.2.2-.6 0-.9-.2-.2-.6-.2-.9 0L10 9.1 6.1 5.2c-.2-.2-.6-.2-.9 0-.2.2-.2.6 0 .9L9.1 10l-3.9 3.9c-.2.2-.2.6 0 .9.1.1.3.2.4.2s.3-.1.4-.2l3.9-3.9 3.9 3.9c.1.1.3.2.4.2.2 0 .3-.1.4-.2.2-.2.2-.6 0-.9L10.9 10z"/></svg>')
|
||||
|
||||
%icon-line-trigger
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23A7AEAE" d="M17.2 7.9c-.2-.3-.6-.2-.9.1l-1 1.2C14.9 6 12.2 3.6 9 3.6c-3.6 0-6.4 2.9-6.4 6.4s2.9 6.4 6.4 6.4c1.8 0 3.6-.8 4.8-2.2.2-.3.2-.7-.1-.9-.3-.2-.7-.2-.9.1-1 1.1-2.4 1.7-3.9 1.7-2.8 0-5.1-2.3-5.1-5.1S6.1 4.9 9 4.9c2.7 0 4.9 2.1 5.1 4.7l-1.7-1.1c-.3-.2-.7-.1-.9.2s-.1.7.2.9l2.8 1.8c.1.1.2.1.3.1.1 0 .2 0 .3-.1 0 0 .1 0 .1-.1l.1-.1 2-2.4c.3-.3.2-.7-.1-.9z"/></svg>')
|
||||
%icon-line-trigger-white
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23FFFFFF" d="M17.2 7.9c-.2-.3-.6-.2-.9.1l-1 1.2C14.9 6 12.2 3.6 9 3.6c-3.6 0-6.4 2.9-6.4 6.4s2.9 6.4 6.4 6.4c1.8 0 3.6-.8 4.8-2.2.2-.3.2-.7-.1-.9-.3-.2-.7-.2-.9.1-1 1.1-2.4 1.7-3.9 1.7-2.8 0-5.1-2.3-5.1-5.1S6.1 4.9 9 4.9c2.7 0 4.9 2.1 5.1 4.7l-1.7-1.1c-.3-.2-.7-.1-.9.2s-.1.7.2.9l2.8 1.8c.1.1.2.1.3.1.1 0 .2 0 .3-.1 0 0 .1 0 .1-.1l.1-.1 2-2.4c.3-.3.2-.7-.1-.9z"/></svg>')
|
||||
%icon-line-trigger-teal
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%2340a3ad" d="M17.2 7.9c-.2-.3-.6-.2-.9.1l-1 1.2C14.9 6 12.2 3.6 9 3.6c-3.6 0-6.4 2.9-6.4 6.4s2.9 6.4 6.4 6.4c1.8 0 3.6-.8 4.8-2.2.2-.3.2-.7-.1-.9-.3-.2-.7-.2-.9.1-1 1.1-2.4 1.7-3.9 1.7-2.8 0-5.1-2.3-5.1-5.1S6.1 4.9 9 4.9c2.7 0 4.9 2.1 5.1 4.7l-1.7-1.1c-.3-.2-.7-.1-.9.2s-.1.7.2.9l2.8 1.8c.1.1.2.1.3.1.1 0 .2 0 .3-.1 0 0 .1 0 .1-.1l.1-.1 2-2.4c.3-.3.2-.7-.1-.9z"/></svg>')
|
||||
|
||||
%icon-github
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 560"><path fill="%23A7AEAE" d="M418.4 490c-8.4 0-14-5.6-14-14v-28c-11.2 0-28 2.8-39.2-2.8-11.2-2.8-36.4-14-50.4-47.6-2.8-5.6-8.4-11.2-11.2-16.8-2.8-2.8-5.6-8.4-8.4-11.2C284 358.4 284 336 292.4 322c8.4-11.2 19.6-14 33.6-8.4 19.6 5.6 30.8 25.2 39.2 36.4 2.8 2.8 2.8 5.6 5.6 5.6 11.2 11.2 28 8.4 39.2 2.8l8.4-8.4h-5.6c-19.6-2.8-36.4-11.2-53.2-19.6-5.6-5.6-16.8-11.2-22.4-19.6-8.4-8.4-14-19.6-19.6-33.6-2.8-14-5.6-25.2-8.4-39.2 0-11.2-2.8-25.2 0-39.2C312 182 317.6 168 326 154c2.8-2.8 2.8-5.6 5.6-8.4v-2.8c-2.8-8.4-2.8-16.8-2.8-28s2.8-22.4 8.4-33.6C340 72.8 345.6 70 354 70s22.4 2.8 33.6 8.4C398.8 84 410 89.6 421.2 98c14-2.8 28-5.6 44.8-5.6h56c14 0 28 2.8 39.2 5.6l5.6-2.8c5.6-2.8 14-8.4 19.6-11.2 11.2-5.6 19.6-8.4 30.8-8.4h8.4c8.4 0 14 2.8 16.8 11.2 5.6 16.8 11.2 33.6 5.6 56v2.8c0 2.8 0 5.6-2.8 8.4 14 16.8 19.6 36.4 22.4 58.8V238c0 14-2.8 28-5.6 39.2-5.6 14-11.2 28-19.6 39.2-8.4 11.2-19.6 16.8-28 22.4-16.8 8.4-33.6 16.8-50.4 19.6 5.6 11.2 8.4 22.4 8.4 36.4v89.6c0 8.4-5.6 14-14 14l-140-8.4zM536 350c-2.8-2.8-2.8-8.4-2.8-14 2.8-5.6 5.6-8.4 11.2-8.4h8.4c19.6-2.8 36.4-8.4 53.2-19.6 8.4-5.6 16.8-11.2 19.6-16.8 5.6-8.4 11.2-16.8 14-28 5.6-11.2 5.6-22.4 8.4-36.4v-19.6c-2.8-19.6-8.4-33.6-19.6-47.6-5.602-5.6-5.602-11.2-2.802-16.8 0-2.8 2.8-5.6 2.8-8.4v-2.8c2.8-11.2 0-22.4-2.8-33.6h-2.8c-5.6 0-14 2.8-19.6 5.6-5.6 2.8-11.2 5.6-19.6 11.2l-11.2 5.6c-2.8 2.8-8.4 2.8-11.2 2.8-14-2.8-25.2-5.6-39.2-5.6h-53.2c-16.8-2.8-30.8 0-44.8 5.6-2.8 0-8.4 0-14-2.8-11.2-8.4-22.4-14-33.6-19.6-5.6-2.8-11.2-2.8-16.8-2.8-2.8 5.6-2.8 14-2.8 19.6 0 8.4 0 14 2.8 19.6 0 2.8 0 2.8 2.8 5.6 2.8 5.6 0 11.2-2.8 14l-5.6 5.6c0 2.8-2.8 5.6-5.6 8.4-5.6 8.4-11.2 19.6-14 33.6-2.8 11.2 0 22.4 0 30.8 0 11.2 2.8 22.4 5.6 33.6 2.8 11.2 8.4 19.6 14 25.2 8.4 5.6 14 11.2 19.6 14 14 8.4 28 14 44.8 16.8 5.6 0 19.6 2.8 19.6 2.8 2.8 0 8.4 2.8 8.4 5.6 2.8 2.8 2.8 5.6 2.8 11.2 0 2.8-8.4 28-25.2 39.2-19.6 11.2-50.4 14-70-8.4l-8.4-8.4c-5.6-8.398-16.8-22.398-28-28h-2.8l-2.8 2.8c0 5.602 0 11.2 2.8 16.802 2.8 2.8 5.6 5.6 8.4 11.2 5.6 8.4 11.2 14 14 22.4 11.2 22.4 28 30.8 33.6 33.6 14 0 36.4-2.8 47.6-2.8-2.8 0-2.8 0 0 0s5.6 0 8.4 2.8c2.8 2.8 5.6 5.6 5.6 8.4v28H550v-75.6c0-11.2-2.8-19.602-5.6-28-2.8-5.602-2.8-8.402-5.6-8.402"/></svg>')
|
||||
.icon-github
|
||||
display: inline-block
|
||||
width: 1.1em
|
||||
height: 1.1em
|
||||
margin-right: 0.3em
|
||||
vertical-align: middle
|
||||
background:
|
||||
repeat: no-repeat
|
||||
size: auto 21px
|
||||
position: -9px -3px
|
||||
@extend %icon-github
|
||||
|
||||
%icon-github-circle
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 14.8"><style>.st0{fill:%23949899;}</style><path class="st0" d="M6 14.8c-.1 0-.1 0 0 0-3.5-.7-6-3.8-6-7.3C0 3.4 3.4 0 7.5 0S15 3.4 15 7.5c0 3.3-2.1 6.2-5.3 7.2-.1 0-.2 0-.3-.1-.1-.1-.2-.2-.2-.3v-2.7c0-.3 0-.5-.1-.7 0-.1-.1-.2-.1-.2l-.1-.1c-.1-.1-.1-.3-.1-.4.1-.1.2-.2.3-.2h.2c.5-.1.9-.2 1.3-.4.2-.1.4-.3.5-.4.1-.2.3-.4.3-.7.1-.2.1-.5.1-.8v-.5c-.1-.5-.2-.8-.5-1.2 0-.2-.1-.4 0-.6V5.1c0-.3 0-.5-.1-.8-.2 0-.3.1-.5.2s-.3.2-.5.3l-.1.1c-.1.1-.3.1-.4.1-.3-.1-.6-.1-1-.2H7.1c-.3 0-.7.1-1 .2-.1 0-.2 0-.4-.1-.3-.2-.5-.3-.8-.4-.1 0-.2-.1-.4-.1 0 .2-.1.3-.1.5s0 .3.1.5v.1c0 .1 0 .3-.1.4V6s-.1.1-.1.2c-.2.2-.3.4-.3.8v.8c0 .2.1.5.1.8.1.2.2.4.4.6.1.1.3.3.4.3.3.2.7.4 1.1.4.1.1.4.1.4.1.1 0 .2.1.3.2.1.1.1.2.1.3 0 .1-.2.7-.7 1-.5.3-1.3.3-1.8-.2l-.2-.2c-.1-.2-.4-.6-.6-.7h-.1s0 .3.1.4c.1.1.1.2.2.2.1.2.3.4.3.6.3.6.7.7.8.8.3.1.8 0 1 0 .1 0 .2 0 .3.1.1.1.1.2.1.3v1.7c0 .1-.1.2-.1.3H6zM7.5.8C3.8.8.8 3.8.8 7.5c0 3 2 5.6 4.8 6.4v-.8c-.3 0-.6 0-.9-.1-.3-.1-.9-.3-1.3-1.2 0-.1-.2-.3-.3-.4-.1-.1-.1-.2-.2-.3-.3-.4-.3-1 0-1.3.1-.2.5-.3.8-.1.1 0 .2.1.3.1l-.1-.1c-.2-.3-.4-.6-.5-.9-.1-.3-.2-.6-.2-1 0-.3-.1-.6 0-1s.2-.8.4-1.1c0-.1.1-.1.1-.2v-.1c0-.2-.1-.5-.1-.7 0-.3.1-.5.2-.9.2-.1.3-.2.5-.2s.6 0 .9.2c.3.1.6.2.8.4.3-.1.7-.1 1.1-.2h1.4c.3 0 .7.1 1 .2l.2-.1c.1-.1.3-.2.5-.2.3-.1.5-.2.8-.3h.2c.2 0 .4.1.5.3.1.4.3.9.2 1.4V5.6c.2.4.4.9.5 1.4v.6c0 .4-.1.7-.2 1-.1.4-.3.7-.5 1-.2.3-.5.5-.7.6-.4.2-.8.4-1.2.5.1.3.2.5.2.9v2.2c2.6-1 4.3-3.5 4.3-6.3C14.2 3.8 11.2.8 7.5.8zM4.3 10c.2.2.3.4.5.6 0 .1.1.1.1.1.2.3.6.3.8.1l.1-.1h-.1c-.5-.1-.9-.3-1.3-.5 0-.1-.1-.1-.1-.2z" id="circledgithub"/></svg>')
|
||||
.icon-github-circle
|
||||
display: inline-block
|
||||
width: 1.2em
|
||||
height: 1.2em
|
||||
margin-right: 0.3em
|
||||
vertical-align: middle
|
||||
background-repeat: no-repeat
|
||||
@extend %icon-github-circle
|
||||
|
||||
%icon-line-flag-teal
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-501 376.4 11.1 15"><style>.st0{fill:%23d2f5f9;}</style><path id="flag" class="st0" d="M-492.5 380.3l2.5-2.4c.2-.2.2-.4.1-.6-.1-.2-.3-.4-.5-.4l-9.9-.5c-.1 0-.3.1-.4.2-.1.1-.2.3-.2.4v13.9c0 .3.3.6.6.6s.6-.3.6-.6v-6.2l9.4-.5c.2 0 .4-.2.5-.4.1-.2 0-.5-.1-.6l-2.6-2.9zm-7.3 3.1v-5.8l7.9.4-1.9 1.8c-.2.2-.2.6 0 .8l2.1 2.3-8.1.5z"/></svg>')
|
||||
%icon-line-flag-yellow
|
||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-501 376.4 11.1 15"><style>.st0{fill:%23F9F3D3;}</style><path id="flag" class="st0" d="M-492.5 380.3l2.5-2.4c.2-.2.2-.4.1-.6-.1-.2-.3-.4-.5-.4l-9.9-.5c-.1 0-.3.1-.4.2-.1.1-.2.3-.2.4v13.9c0 .3.3.6.6.6s.6-.3.6-.6v-6.2l9.4-.5c.2 0 .4-.2.5-.4.1-.2 0-.5-.1-.6l-2.6-2.9zm-7.3 3.1v-5.8l7.9.4-1.9 1.8c-.2.2-.2.6 0 .8l2.1 2.3-8.1.5z"/></svg>')
|
||||
|
||||
%icon-line-scale
|
||||
background-image: url('data:image/svg+xml;utf8,<svg id="scale" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.3 16.5"><style>.st0{fill:%23A7AEAE;}</style><path class="st0" d="M18.3 10.8v-.1-.1l-3.1-6c0-.2-.2-.4-.5-.5L9.8 3V.6c0-.3-.3-.6-.6-.6s-.6.3-.6.6v2.1L3.3 1.5c-.2 0-.4 0-.5.1l-.3.3-2.5 6v.2c.1 1.8 1.5 3.3 3.4 3.3S6.7 10 6.8 8.2v-.1V8L4.2 2.9l4.4 1v11.4H6c-.3 0-.6.3-.6.6s.3.6.6.6h6.5c.3 0 .6-.3.6-.6s-.3-.6-.6-.6H9.8V4.2l4.1.9-2.3 5.5v.2c.1 1.8 1.5 3.3 3.4 3.3s3.3-1.4 3.3-3.3zM3.1 3.6l2 4H1.5l1.6-4zm.3 6.6c-1 0-1.8-.6-2.1-1.5h4.1c-.2.9-1.1 1.5-2 1.5zm13.3 0H13l1.6-4 2.1 4zM15 12.9c-1 0-1.8-.6-2.1-1.5H17c-.3.9-1.1 1.5-2 1.5z"/></svg>')
|
||||
|
||||
.icon-scale
|
||||
@extend %icon
|
||||
@extend %icon-line-scale
|
||||
|
||||
.icon--plus
|
||||
&:after
|
||||
|
|
@ -198,19 +206,6 @@
|
|||
font-size: 16px
|
||||
color: #A6ADAD
|
||||
|
||||
.icon-arrow-down
|
||||
width : 0
|
||||
height : 0
|
||||
display : inline-block
|
||||
padding-top : 2px
|
||||
margin-left : 5px
|
||||
border-left : 5px solid transparent
|
||||
border-right : 5px solid transparent
|
||||
border-top : 5px solid $teal-dark
|
||||
|
||||
.icon-flag
|
||||
background-image: inline-image('svg/notice-flag.svg')
|
||||
|
||||
.icon-receiving
|
||||
margin: 0.3rem 0.5rem;
|
||||
display: inline-block;
|
||||
|
|
|
|||
|
|
@ -4,11 +4,17 @@
|
|||
background-color: #F9F3D3
|
||||
color: #AF9112
|
||||
border-radius: 2px
|
||||
font-size: 15px
|
||||
a
|
||||
color: #AF9112
|
||||
text-decoration: underline
|
||||
.icon-flag
|
||||
@extend %icon
|
||||
@extend %icon-line-flag-yellow
|
||||
background:
|
||||
color: #AF9112
|
||||
size: auto 13px
|
||||
position: 6px 4px
|
||||
repeat: no-repeat
|
||||
width: 1.3em
|
||||
height: 1.5em
|
||||
margin: 0 .6em 0 .2em
|
||||
|
|
@ -20,14 +26,16 @@
|
|||
background-color: #d2f5f9
|
||||
color: #40a3ad
|
||||
border-radius: 2px
|
||||
font-size: 15px
|
||||
a
|
||||
color: #40a3ad
|
||||
text-decoration: underline
|
||||
|
||||
.icon-flag
|
||||
display: inline-block
|
||||
@extend %icon-line-flag-teal
|
||||
display: inline-block
|
||||
background:
|
||||
image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-501 376.4 11.1 15"><style>.st0{fill:%23d2f5f9;}</style><path id="flag" class="st0" d="M-492.5 380.3l2.5-2.4c.2-.2.2-.4.1-.6-.1-.2-.3-.4-.5-.4l-9.9-.5c-.1 0-.3.1-.4.2-.1.1-.2.3-.2.4v13.9c0 .3.3.6.6.6s.6-.3.6-.6v-6.2l9.4-.5c.2 0 .4-.2.5-.4.1-.2 0-.5-.1-.6l-2.6-2.9zm-7.3 3.1v-5.8l7.9.4-1.9 1.8c-.2.2-.2.6 0 .8l2.1 2.3-8.1.5z"/></svg>')
|
||||
color: #40a3ad
|
||||
size: auto 13px
|
||||
position: 6px 4px
|
||||
|
|
|
|||
|
|
@ -18,10 +18,13 @@
|
|||
color: $grey-dark
|
||||
background: linear-gradient(to right, #CACECE 0%, #CACECE 9px, white 10px, white 100%) no-repeat
|
||||
|
||||
h2, h3
|
||||
h2, h3, small
|
||||
margin: 0
|
||||
font-weight: $font-weight-normal
|
||||
font-size: 16px
|
||||
small
|
||||
font-weight: $font-weight-bold
|
||||
margin-right: 1em
|
||||
|
||||
.row-header
|
||||
width: 100%
|
||||
|
|
@ -53,7 +56,7 @@
|
|||
.two-line
|
||||
@extend %row-element
|
||||
padding: .4em 0
|
||||
margin-left: 2em
|
||||
margin-left: 1em
|
||||
text-align: left
|
||||
|
||||
@media #{$medium-up}
|
||||
|
|
@ -76,12 +79,21 @@
|
|||
display: inline-block
|
||||
vertical-align: middle
|
||||
|
||||
@include statusColors($green-dark, 'passed')
|
||||
@include statusColors($red-dark, 'failed')
|
||||
@include statusColors($red-dark, 'errored')
|
||||
@include statusColors($grey-medium, 'canceled')
|
||||
@include statusColors(#bfb502, 'started', #e5da3f)
|
||||
@include statusColors(#bfb502, 'queued', #e5da3f)
|
||||
@include statusColors(#bfb502, 'booting', #e5da3f)
|
||||
@include statusColors(#bfb502, 'received', #e5da3f)
|
||||
@include statusColors(#bfb502, 'created', #e5da3f)
|
||||
.avatar
|
||||
display: inline-block
|
||||
width: 16px
|
||||
height: 16px
|
||||
margin: 0 .4em 0 .1em
|
||||
border-radius: 50%
|
||||
vertical-align: middle
|
||||
background-color: #E9EBEB
|
||||
|
||||
@include statusColors($green, 'passed', 10px)
|
||||
@include statusColors($red, 'failed', 10px)
|
||||
@include statusColors($red, 'errored', 10px)
|
||||
@include statusColors($grey, 'canceled', 10px)
|
||||
@include statusColors($yellow, 'started', 10px, #e5da3f, true)
|
||||
@include statusColors($yellow, 'queued', 10px, #e5da3f, true)
|
||||
@include statusColors($yellow, 'booting', 10px, #e5da3f, true)
|
||||
@include statusColors($yellow, 'received', 10px, #e5da3f, true)
|
||||
@include statusColors($yellow, 'created', 10px, #e5da3f, true)
|
||||
|
|
|
|||
|
|
@ -4,59 +4,43 @@
|
|||
font-size: $font-size-sm
|
||||
ul
|
||||
@include resetul
|
||||
margin-top: 2em
|
||||
display: flex
|
||||
flex-flow: row wrap
|
||||
justify-content: space-between
|
||||
width: 100%
|
||||
clear: both
|
||||
@media #{$small-only}
|
||||
margin-top: 2em
|
||||
@media #{$medium-up}
|
||||
margin-top: 0
|
||||
display: block
|
||||
li
|
||||
@media #{$small-only}
|
||||
margin-bottom: .8em
|
||||
flex: 0 0 8em
|
||||
text-align: center
|
||||
margin: .5em 0
|
||||
@media #{$medium-up}
|
||||
display: inline-block
|
||||
text-align: left
|
||||
margin: 0 1.5em 0 0
|
||||
|
||||
a
|
||||
@extend %inline-block
|
||||
width: 100%
|
||||
color: $grey-light
|
||||
padding: .2em 0
|
||||
padding: 3px 0 4px
|
||||
|
||||
.active a,
|
||||
a:hover
|
||||
position: relative
|
||||
color: $teal-dark
|
||||
color: $teal
|
||||
&:after
|
||||
content: ""
|
||||
position: absolute
|
||||
left: 0
|
||||
bottom: -0.25em
|
||||
bottom: -2px
|
||||
width: 100%
|
||||
height: 2px
|
||||
background-color: $teal-dark
|
||||
background-color: $teal
|
||||
.active a
|
||||
font-weight: 600
|
||||
|
||||
@media #{$medium-up}
|
||||
ul
|
||||
display: block
|
||||
li
|
||||
float: left
|
||||
padding-right: 2em
|
||||
|
||||
// todo: switch to icon
|
||||
#tab_build
|
||||
position: relative
|
||||
padding-left: 1em
|
||||
&:before
|
||||
content: ""
|
||||
display: block
|
||||
position: absolute
|
||||
color: $grey-lighter
|
||||
top: 0.4em
|
||||
left: -0.7em
|
||||
width: .7em
|
||||
height: 1.3em
|
||||
background:
|
||||
size: 100%
|
||||
repeat: no-repeat
|
||||
@extend .icon-tab-arrow
|
||||
|
||||
font-weight: $font-weight-bold
|
||||
|
||||
.tabbody
|
||||
position: relative
|
||||
|
|
@ -76,35 +60,6 @@
|
|||
float: left
|
||||
margin-right: 1em
|
||||
|
||||
|
||||
#main
|
||||
.tabs
|
||||
border-bottom: 3px solid #f5f5f6
|
||||
li
|
||||
height: 29px
|
||||
background-color: #f5f5f6
|
||||
margin-right: 0
|
||||
overflow: hidden
|
||||
&:hover
|
||||
background-color: #e1e8eb
|
||||
a
|
||||
text-decoration: none
|
||||
|
||||
.active
|
||||
display: block
|
||||
background-color: $tab-active-bg
|
||||
border-bottom-color: $tab-active-bg
|
||||
&:hover
|
||||
background-color: $tab-active-bg
|
||||
a
|
||||
color: #6c878e
|
||||
@media #{$medium-up}
|
||||
display: inline-block
|
||||
|
||||
#builds
|
||||
a
|
||||
display: inline
|
||||
|
||||
.tabs--main
|
||||
#tab_build,
|
||||
#tab_job,
|
||||
|
|
@ -116,7 +71,19 @@
|
|||
&.active
|
||||
display: inline-block
|
||||
|
||||
#profile
|
||||
#main
|
||||
.tab
|
||||
margin: 30px 0 0 12px
|
||||
#tab_build
|
||||
position: relative
|
||||
@media #{$medium-up}
|
||||
left: .5em
|
||||
|
||||
.tab-arrow
|
||||
display: inline-block
|
||||
position: absolute
|
||||
top: 5px
|
||||
left: -19px
|
||||
width: .7em
|
||||
height: 1.3em
|
||||
background:
|
||||
size: auto 100%
|
||||
repeat: no-repeat
|
||||
image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.4 15"><style>.st0{fill:#949899;}</style><path class="st0" d="M.6 15c-.2 0-.3-.1-.4-.2-.3-.2-.3-.6-.1-.9l5.7-6.5L.2 1.1C0 .8 0 .4.2.2c.3-.2.7-.2.9 0L7.2 7c.2.2.2.6 0 .8l-6.1 6.9c-.1.2-.3.3-.5.3z" id="tabarrow"/></svg>')
|
||||
|
|
|
|||
|
|
@ -1,149 +0,0 @@
|
|||
|
||||
.tile
|
||||
border-radius: 4px
|
||||
overflow: hidden
|
||||
position: relative
|
||||
padding: .8rem .8rem .8rem 3rem
|
||||
background-color: $cream-light
|
||||
p
|
||||
margin: 0
|
||||
.icon
|
||||
vertical-align: middle
|
||||
.icon--lang
|
||||
width: 1.2em
|
||||
height: 0.9em
|
||||
|
||||
&:not(.tile--jobs)
|
||||
@include colorTiles($green-dark, 'passed')
|
||||
@include colorTiles($red-dark, 'failed')
|
||||
@include colorTiles($red-dark, 'errored')
|
||||
@include colorTiles($grey-medium, 'canceled')
|
||||
@include colorTiles(#bfb502, 'started', #e5da3f)
|
||||
@include colorTiles(#bfb502, 'queued', #e5da3f)
|
||||
@include colorTiles(#bfb502, 'booting', #e5da3f)
|
||||
@include colorTiles(#bfb502, 'received', #e5da3f)
|
||||
@include colorTiles(#bfb502, 'created', #e5da3f)
|
||||
|
||||
.status-icon .is-rotating
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
line-height: 1;
|
||||
|
||||
@media #{$medium-up}
|
||||
height: 145px
|
||||
|
||||
.tile-main
|
||||
height: 100%
|
||||
|
||||
.tile--small
|
||||
margin-bottom: 1em
|
||||
@media #{$medium-up}
|
||||
height: 70px
|
||||
overflow: hidden
|
||||
|
||||
.tile--xs
|
||||
margin-bottom: 0.35em
|
||||
padding: .5em .4em .4em
|
||||
@media #{$medium-up}
|
||||
height: 36px
|
||||
overflow: hidden
|
||||
|
||||
.tile-main
|
||||
h2,
|
||||
small
|
||||
margin: 0
|
||||
font-weight: 400
|
||||
font-size: $font-size-m
|
||||
color: $grey-dark
|
||||
line-height: 1
|
||||
small
|
||||
margin-right: .3em
|
||||
font-weight: 600
|
||||
a:hover
|
||||
text-decoration: underline
|
||||
|
||||
.tile-additional
|
||||
position: relative
|
||||
p, li
|
||||
padding: .1em 0
|
||||
.icon
|
||||
margin-right: .3em
|
||||
height: 1.3em
|
||||
vertical-align: middle
|
||||
a
|
||||
color: $grey-medium
|
||||
&:hover
|
||||
color: $grey-medium
|
||||
text-decoration: underline
|
||||
@media #{$small-only}
|
||||
margin-top: 1em
|
||||
@media #{$xlarge-up}
|
||||
@include grid-column(3)
|
||||
|
||||
|
||||
.tile-status
|
||||
position: absolute
|
||||
top: 0
|
||||
bottom: 0
|
||||
left: 0
|
||||
width: 2.5em
|
||||
height: 100%
|
||||
border-top-left-radius: 4px
|
||||
border-bottom-left-radius: 4px
|
||||
.icon
|
||||
display: block
|
||||
.icon-status
|
||||
width: 1.1em
|
||||
height: 1.2em
|
||||
margin: .7em auto 1em
|
||||
.icon.push
|
||||
width: 1.4em
|
||||
height: 1.1em
|
||||
margin: -0.2em auto 0
|
||||
.icon.pull_request
|
||||
width: 1.1em
|
||||
height: 1.6em
|
||||
margin: -0.5em auto 0
|
||||
.icon.api
|
||||
margin: -0.4em 0.75em
|
||||
.icon--job
|
||||
@extend %absolute-center
|
||||
|
||||
.tile-author
|
||||
img
|
||||
width: 22px
|
||||
height: 22px
|
||||
margin-right: .4em
|
||||
vertical-align: top
|
||||
border-radius: 50%
|
||||
@media #{$medium-up}
|
||||
position: absolute
|
||||
bottom: 0
|
||||
|
||||
.tile--build
|
||||
.tile-main
|
||||
@media #{$small-only}
|
||||
h2
|
||||
line-height: $line-height-m
|
||||
margin-bottom: 1em
|
||||
@media #{$medium-up}
|
||||
white-space: nowrap
|
||||
overflow: hidden
|
||||
border-right: solid 1px $cream-dark
|
||||
&:after
|
||||
@include fadeOut(right, -90deg, $cream-light)
|
||||
@media #{$xlarge-up}
|
||||
@include grid-column(7)
|
||||
.tile-additional
|
||||
p
|
||||
white-space: nowrap
|
||||
@media #{$xlarge-up}
|
||||
@include grid-column(5)
|
||||
.icon.api
|
||||
margin: -0.2em 0.75em
|
||||
|
||||
p.tile-single-line
|
||||
padding: .7em 0
|
||||
.icon--code
|
||||
width: 1.3em
|
||||
height: 1.1em
|
||||
|
|
@ -3,14 +3,14 @@
|
|||
position: absolute
|
||||
top: -2.8em
|
||||
width: auto
|
||||
height: 1.9em
|
||||
height: 1.6em
|
||||
margin: auto
|
||||
padding: .3em .4em .3em
|
||||
padding: .1em .4em
|
||||
z-index: 5
|
||||
background-color: #818383
|
||||
border-radius: 4px
|
||||
color: $white
|
||||
font-size: $font-size-sm
|
||||
font-size: 12px
|
||||
line-height: 1.3
|
||||
text-align: center
|
||||
white-space: nowrap
|
||||
|
|
@ -54,23 +54,12 @@
|
|||
right: 0
|
||||
left: 0
|
||||
top: -4em
|
||||
height: 3.2em
|
||||
height: 2.9em
|
||||
max-width: 8.6em
|
||||
&:before
|
||||
left: 45%
|
||||
|
||||
.tooltip--jobs
|
||||
@extend %tooltip
|
||||
display: inline-block
|
||||
position: relative
|
||||
.tooltip-bubble
|
||||
top: -4.5em
|
||||
left: -1.9em
|
||||
height: 3.7em
|
||||
&:before
|
||||
left: 15%
|
||||
|
||||
.tooltip--settings
|
||||
.tooltip-settings
|
||||
@extend %tooltip
|
||||
display: inline-block
|
||||
position: relative
|
||||
|
|
@ -93,3 +82,28 @@
|
|||
&:before
|
||||
left: 2.5em
|
||||
|
||||
.tooltip-jobs
|
||||
display: inline-block
|
||||
position: relative
|
||||
vertical-align: middle
|
||||
@extend %tooltip
|
||||
.tooltip-bubble
|
||||
top: -3.8em
|
||||
left: -.5em
|
||||
height: 3.2em
|
||||
padding: .3em .4em
|
||||
&:before
|
||||
left: 0.6em
|
||||
.tooltip-trigger
|
||||
vertical-align: baseline
|
||||
|
||||
.tooltip.job-os
|
||||
.tooltip-bubble
|
||||
top: -2.2em
|
||||
height: 1.6em
|
||||
padding: 0.1em .4em
|
||||
&:before
|
||||
left: 0
|
||||
right: 0
|
||||
margin: auto
|
||||
|
||||
|
|
|
|||
|
|
@ -4,18 +4,6 @@ $red: #DB4242
|
|||
$yellow: #E5C025
|
||||
$grey: #858585
|
||||
|
||||
@mixin linkStyle
|
||||
a
|
||||
text-decoration: none
|
||||
border-bottom: 1px solid #bfc0c1
|
||||
padding-bottom: 0.1em
|
||||
transition: color 200ms ease, border 200ms ease
|
||||
&:hover,
|
||||
&:active
|
||||
color: #303030
|
||||
text-decoration: none
|
||||
border-color: transparent
|
||||
|
||||
.landing-pro
|
||||
|
||||
br
|
||||
|
|
@ -36,95 +24,6 @@ $grey: #858585
|
|||
max-width: 1024px
|
||||
padding: 0 $column-gutter/2
|
||||
|
||||
%h1
|
||||
margin: 0
|
||||
font-size: 54px
|
||||
font-weight: 300
|
||||
line-height: 1.2
|
||||
|
||||
.h1--grey
|
||||
@extend %h1
|
||||
@include linkStyle
|
||||
color: $grey !important
|
||||
a
|
||||
color: $grey
|
||||
|
||||
.h1--teal
|
||||
@extend %h1
|
||||
font-size: 64px
|
||||
color: #408692 !important
|
||||
|
||||
.h1--green
|
||||
@extend %h1
|
||||
color: $green !important
|
||||
|
||||
.h1--red
|
||||
@extend %h1
|
||||
color: $red !important
|
||||
|
||||
%h2
|
||||
margin: 0 0 .5em
|
||||
font-size: 36px
|
||||
font-weight: 300
|
||||
line-height: 1.3
|
||||
|
||||
.h2--grey
|
||||
@extend %h2
|
||||
color: $grey
|
||||
|
||||
.h2--green
|
||||
@extend %h2
|
||||
color: $green
|
||||
|
||||
.h2--red
|
||||
@extend %h2
|
||||
color: $red
|
||||
|
||||
.h2--teal
|
||||
@extend %h2
|
||||
color: $teal
|
||||
|
||||
%h3
|
||||
margin: .5em 0
|
||||
font-size: 22px
|
||||
font-weight: 300
|
||||
|
||||
.h3
|
||||
@extend %h3
|
||||
|
||||
.h3--plans
|
||||
@extend %h3
|
||||
font-size: 28px
|
||||
text-align: center
|
||||
line-height: 1.3
|
||||
|
||||
.h3--teal
|
||||
@extend %h3
|
||||
color: $teal
|
||||
|
||||
.h3--red
|
||||
@extend %h3
|
||||
color: $red
|
||||
|
||||
.h3--green
|
||||
@extend %h3
|
||||
color: $green
|
||||
|
||||
.h3--yellow
|
||||
@extend %h3
|
||||
color: $yellow
|
||||
|
||||
.text-big
|
||||
@include linkStyle
|
||||
font-size: 20px
|
||||
font-weight: 300
|
||||
line-height: 1.55
|
||||
|
||||
.text-small
|
||||
@include linkStyle
|
||||
margin: 0 0 2.5em
|
||||
font-size: 16px
|
||||
|
||||
.text-logo
|
||||
@extend .text-small
|
||||
line-height: 1.8
|
||||
|
|
@ -289,3 +188,93 @@ $grey: #858585
|
|||
height: 3.5em
|
||||
width: 3.5em
|
||||
margin: 0 auto .5em
|
||||
|
||||
|
||||
%h1
|
||||
margin: 0
|
||||
font-size: 54px
|
||||
font-weight: 300
|
||||
line-height: 1.2
|
||||
|
||||
.h1--grey
|
||||
@extend %h1
|
||||
@include linkStyle
|
||||
color: $grey !important
|
||||
a
|
||||
color: $grey
|
||||
|
||||
.h1--teal
|
||||
@extend %h1
|
||||
font-size: 64px
|
||||
color: #408692 !important
|
||||
|
||||
.h1--green
|
||||
@extend %h1
|
||||
color: $green !important
|
||||
|
||||
.h1--red
|
||||
@extend %h1
|
||||
color: $red !important
|
||||
|
||||
%h2
|
||||
margin: 0 0 .5em
|
||||
font-size: 36px
|
||||
font-weight: 300
|
||||
line-height: 1.3
|
||||
|
||||
.h2--grey
|
||||
@extend %h2
|
||||
color: $grey
|
||||
|
||||
.h2--green
|
||||
@extend %h2
|
||||
color: $green
|
||||
|
||||
.h2--red
|
||||
@extend %h2
|
||||
color: $red
|
||||
|
||||
.h2--teal
|
||||
@extend %h2
|
||||
color: $teal
|
||||
|
||||
%h3
|
||||
margin: .5em 0
|
||||
font-size: 22px
|
||||
font-weight: 300
|
||||
|
||||
.h3
|
||||
@extend %h3
|
||||
|
||||
.h3--plans
|
||||
@extend %h3
|
||||
font-size: 28px
|
||||
text-align: center
|
||||
line-height: 1.3
|
||||
|
||||
.h3--teal
|
||||
@extend %h3
|
||||
color: $teal
|
||||
|
||||
.h3--red
|
||||
@extend %h3
|
||||
color: $red
|
||||
|
||||
.h3--green
|
||||
@extend %h3
|
||||
color: $green
|
||||
|
||||
.h3--yellow
|
||||
@extend %h3
|
||||
color: $yellow
|
||||
|
||||
.text-big
|
||||
@include linkStyle
|
||||
font-size: 20px
|
||||
font-weight: 300
|
||||
line-height: 1.55
|
||||
|
||||
.text-small
|
||||
@include linkStyle
|
||||
margin: 0 0 2.5em
|
||||
font-size: 16px
|
||||
|
|
|
|||
|
|
@ -1,15 +1,14 @@
|
|||
%popup
|
||||
width: 29em
|
||||
height: auto
|
||||
position: fixed
|
||||
top: 50%
|
||||
left: 50%
|
||||
transform: translate(-50%, -50%)
|
||||
padding: 2.5em 2em
|
||||
padding: 2.9em 2em
|
||||
color: #565656
|
||||
z-index: 99
|
||||
background-color: $white
|
||||
border-radius: 4px
|
||||
border-radius: 2px
|
||||
|
||||
.help
|
||||
display: inline-block
|
||||
|
|
@ -28,9 +27,8 @@
|
|||
.popup
|
||||
@extend %popup
|
||||
display: none
|
||||
width: 400px
|
||||
background-color: #fff
|
||||
border: solid 10px $cream-dark
|
||||
border: solid 10px #f1f1f1
|
||||
|
||||
&:before
|
||||
content: ""
|
||||
|
|
@ -38,22 +36,20 @@
|
|||
.close
|
||||
position: absolute
|
||||
display: block
|
||||
right: 10px
|
||||
top: 10px
|
||||
width: 16px
|
||||
height: 16px
|
||||
@extend .icon
|
||||
@extend .icon--dismiss-grey
|
||||
right: 5px
|
||||
top: 8px
|
||||
width: 30px
|
||||
height: 30px
|
||||
text-indent: 999%
|
||||
overflow: hidden
|
||||
white-space: nowrap
|
||||
@extend %icon-line-cross
|
||||
h4
|
||||
margin-top: 0
|
||||
font-size: 18px
|
||||
font-weight: bold
|
||||
color: $color-text
|
||||
|
||||
p
|
||||
font-size: $font-size-sm
|
||||
word-wrap: normal
|
||||
|
||||
pre
|
||||
background-color: $color-bg-pre
|
||||
margin: 0
|
||||
|
|
@ -61,6 +57,15 @@
|
|||
border-radius: 4px
|
||||
overflow-x: scroll
|
||||
|
||||
.popup-title
|
||||
margin-bottom: 0
|
||||
.popup-text
|
||||
margin-top: 0
|
||||
text-align: center
|
||||
.buttons
|
||||
margin-top: 3rem
|
||||
text-align: center
|
||||
|
||||
.status-images
|
||||
width: 100%
|
||||
@media #{$medium-up}
|
||||
|
|
@ -83,32 +88,13 @@
|
|||
p:last-child
|
||||
margin-top: 10px
|
||||
|
||||
#regenerate-key,
|
||||
#remove-log-popup
|
||||
.cancel
|
||||
text-decoration: underline
|
||||
p
|
||||
text-align: center
|
||||
.or
|
||||
display: inline-block
|
||||
margin: 20px 10px 0 10px
|
||||
p:last-of-type
|
||||
margin-bottom: 5px
|
||||
a.button
|
||||
font-size: 13px
|
||||
strong
|
||||
color: $red
|
||||
|
||||
.status-images, #regenerate-key
|
||||
.status-images
|
||||
input
|
||||
border: 1px solid $color-border-light
|
||||
width: 505px
|
||||
padding: 4px
|
||||
border-radius: 3px
|
||||
|
||||
#regenerate-key, #regeneration-success
|
||||
width: 400px
|
||||
|
||||
#code-climate
|
||||
width: 100%
|
||||
ol
|
||||
|
|
|
|||
|
|
@ -1,76 +1,8 @@
|
|||
{{#if loading}}
|
||||
{{loading-indicator}}
|
||||
{{else}}
|
||||
<section class="tile tile--pass row {{build.state}}">
|
||||
<div class="tile-status">
|
||||
<span class="icon icon-status {{build.state}}" title={{build.state}}></span>
|
||||
<span class="request-kind {{build.eventType}} icon" title={{build.eventType}}></span>
|
||||
</div>
|
||||
|
||||
<div class="tile-main medium-8 columns">
|
||||
<h2 class="repo-main-commit">
|
||||
{{#if build.pullRequest}}
|
||||
<small class="repo-main-branch" title={{build.pullRequestTitle}}>Pull Request #{{build.pullRequestNumber}}</small>
|
||||
{{build.pullRequestTitle}}
|
||||
{{else}}
|
||||
<small class="repo-main-branch" title={{build.commit.branch}}>{{build.commit.branch}}</small>
|
||||
{{format-message build.commit.subject repo=build.repo}}
|
||||
{{/if}}
|
||||
</h2>
|
||||
<div class="repo-main-description">
|
||||
{{#if build.pullRequest}}
|
||||
<p>{{format-message build.commit.subject repo=build.repo}}</p>
|
||||
{{/if}}
|
||||
<pre class="body">{{format-message build.commit.body repo=build.repo pre=true}}</pre>
|
||||
</div>
|
||||
<div class="tile-author">
|
||||
{{#if commit.authorName}}
|
||||
<img src={{urlAuthorGravatarImage}}>{{commit.authorName}} authored{{#if commit.authorIsCommitter}} and committed{{/if}}
|
||||
{{/if}}
|
||||
{{#unless commit.authorIsCommitter}}
|
||||
{{#if commit.committerName}}
|
||||
<img src={{urlCommitterGravatarImage}}>{{commit.committerName}} committed
|
||||
{{/if}}
|
||||
{{/unless}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tile-additional medium-4 columns end">
|
||||
<ul class="repo-main-info">
|
||||
<li class="repo-build-status">{{#link-to "build" repo build}}
|
||||
<span class="icon icon--hash"></span>
|
||||
{{build.number}} {{humanize-state build.state}}{{/link-to}}
|
||||
</li>
|
||||
<li>
|
||||
<a class="commit" href={{urlGithubCommit}}>
|
||||
<span class="icon icon--github"></span>
|
||||
Commit {{format-sha commit.sha}}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
{{#if build.pullRequest}}
|
||||
<a class="compare" href={{build.commit.compareUrl}}><span class="icon icon--github"></span> #{{build.pullRequestNumber}}: {{build.pullRequestTitle}}</a>
|
||||
{{else}}
|
||||
{{#if build.commit.compareUrl}}
|
||||
<a class="compare" href={{build.commit.compareUrl}}>
|
||||
<span class="icon icon--github"></span>
|
||||
Compare {{short-compare-shas build.commit.compareUrl}}</a>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</li>
|
||||
<li title="{{format-duration build.duration}}">
|
||||
<span class="icon icon--clock"></span>
|
||||
{{#if build.isFinished}}ran{{else}}running{{/if}} for {{format-duration build.duration}}
|
||||
</li>
|
||||
<li title="{{pretty-date build.finishedAt}}">
|
||||
<span class="icon icon--cal"></span>
|
||||
{{format-time build.finishedAt}}
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
{{repo-actions build=build repo=build.repo user=auth.currentUser}}
|
||||
</div>
|
||||
</section>
|
||||
{{build-header item=build user=auth.currentUser commit=commit}}
|
||||
|
||||
{{#unless build.isMatrix}}
|
||||
{{view 'annotations' annotations=build.jobs.firstObject.annotations}}
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
{{#if cachesExist}}
|
||||
<div class="caches-header">
|
||||
<h1 class="caches-title">All caches <small>(<a href="http://docs.travis-ci.com/user/caching/" title="">documentation</a>)</small></h1>
|
||||
<a href="#" {{action "deleteRepoCache"}} class="{{if isDeleting 'deleting'}} delete-repo-caches button--delete">
|
||||
<h1 class="small-title">All caches <small>(<a href="http://docs.travis-ci.com/user/caching/" title="Read about caching">Read the docs</a>)</small></h1>
|
||||
<a {{action "deleteRepoCache"}} class="{{if isDeleting 'deleting'}} delete-cache-button" title="Delete all repository caches">
|
||||
Delete all repository caches
|
||||
</a>
|
||||
</div>
|
||||
{{#if model.pushes.length}}
|
||||
<h2 class="caches-title">Pushes</h2>
|
||||
<ul id="caches" class="caches">
|
||||
<h2 class="small-title">Pushes</h2>
|
||||
<ul id="caches" class="caches-list">
|
||||
{{#each model.pushes as |cache|}}
|
||||
{{caches-item cache=cache repo=repo caches=model.pushes}}
|
||||
{{/each}}
|
||||
|
|
@ -15,8 +15,8 @@
|
|||
{{/if}}
|
||||
|
||||
{{#if model.pullRequests.length}}
|
||||
<h2 class="caches-title">Pull Requests</h2>
|
||||
<ul class="caches">
|
||||
<h2 class="small-title">Pull Requests</h2>
|
||||
<ul class="caches-list">
|
||||
{{#each model.pullRequests as |cache|}}
|
||||
{{caches-item cache=cache repo=repo caches=model.pullRequests}}
|
||||
{{/each}}
|
||||
|
|
@ -24,5 +24,5 @@
|
|||
{{/if}}
|
||||
|
||||
{{else}}
|
||||
<p class="caches-helptext">No caches have been created yet,<br>read more on <a href="http://docs.travis-ci.com/user/caching/" title="">how to setup caching with your build</a>.</p>
|
||||
<p class="helptext">No caches have been created yet,<br>read more on <a href="http://docs.travis-ci.com/user/caching/" title="Documentation on caching">how to setup caching with your build</a>.</p>
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -38,32 +38,17 @@
|
|||
<div class="row-item">
|
||||
{{#if build.last_build}}
|
||||
{{#link-to "build" build.last_build.id}}
|
||||
{{request-icon build=build}}
|
||||
{{request-icon event=build.last_build.event_type state=build.last_build.state}}
|
||||
<span class="label-align">#{{build.last_build.number}} {{build.last_build.state}}</span>
|
||||
{{/link-to}}
|
||||
{{else}}
|
||||
{{request-icon build=build}} -
|
||||
{{request-icon event=build.last_build.eventType state=build.last_build.state}} -
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-calendar">
|
||||
<div class="row-item" title="{{pretty-date build.last_build.finished_at}}">
|
||||
<span class="icon">
|
||||
<svg viewBox="0 0 20 20">
|
||||
<g id="Cal">
|
||||
<path fill="#A7AEAE" d="M16.7,2.5H3.3C3,2.5,2.8,2.7,2.8,3V17c0,0.3,0.2,0.5,0.5,0.5h13.4c0.3,0,0.5-0.2,0.5-0.5V3
|
||||
C17.2,2.7,17,2.5,16.7,2.5z M16.2,3.4v3.1H3.8V3.4H16.2z M3.8,16.6v-9h12.5v9H3.8z"/>
|
||||
<path fill="#A7AEAE" d="M8.7,13.4c-0.1,0-0.3,0-0.4,0c0.2-0.2,0.4-0.4,0.5-0.6c0.2-0.2,0.3-0.4,0.5-0.6c0.1-0.2,0.2-0.4,0.3-0.6
|
||||
c0.1-0.2,0.1-0.4,0.1-0.6c0-0.2,0-0.4-0.1-0.6c-0.1-0.2-0.2-0.3-0.3-0.4C9.2,10,9.1,9.9,8.9,9.8C8.7,9.7,8.5,9.7,8.3,9.7
|
||||
C8,9.7,7.7,9.8,7.5,9.9C7.2,10,7,10.2,6.8,10.4L7.3,11c0.1-0.1,0.2-0.2,0.4-0.3c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.4,0.1,0.5,0.2
|
||||
c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2,0,0.3-0.1,0.5c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.4,0.4-0.6,0.7c-0.2,0.2-0.5,0.5-0.8,0.8v0.6
|
||||
H10v-0.9H9.1C9,13.4,8.8,13.4,8.7,13.4z"/>
|
||||
<path fill="#A7AEAE" d="M10.6,10.7h2c-0.2,0.3-0.4,0.6-0.5,0.8c-0.1,0.3-0.3,0.6-0.4,0.8c-0.1,0.3-0.2,0.6-0.2,0.9
|
||||
c0,0.3-0.1,0.7-0.1,1h1c0-0.4,0-0.8,0.1-1.2c0-0.3,0.1-0.7,0.2-0.9c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.4-0.6,0.6-0.9V9.8h-3.1
|
||||
V10.7z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="icon-calendar"></span>
|
||||
<span class="label-align">
|
||||
{{#if build.last_build}}
|
||||
{{format-time build.last_build.finished_at}}
|
||||
|
|
@ -77,32 +62,7 @@
|
|||
<div class="row-commit">
|
||||
<div class="row-item">
|
||||
<a href="{{urlGithubCommit}}" title="commit on GitHub">
|
||||
<span class="icon">
|
||||
<svg x="0px" y="0px" viewBox="2 0 20 20" xml:space="preserve">
|
||||
<g id="Commit">
|
||||
<path fill="#A7AEAE" d="M7.8,17.5c-0.3,0-0.5-0.2-0.5-0.5l0-1c-0.4,0-1,0.1-1.4-0.1c-0.4-0.1-1.3-0.5-1.8-1.7
|
||||
c-0.1-0.2-0.3-0.4-0.4-0.6c-0.1-0.1-0.2-0.3-0.3-0.4C3,12.8,3,12,3.3,11.5c0.3-0.4,0.7-0.5,1.2-0.3c0.7,0.2,1.1,0.9,1.4,1.3
|
||||
c0.1,0.1,0.1,0.2,0.2,0.2c0.4,0.4,1,0.3,1.4,0.1c0.1-0.1,0.2-0.2,0.3-0.3c-0.1,0-0.1,0-0.2,0c-0.7-0.1-1.3-0.4-1.9-0.7
|
||||
c-0.2-0.2-0.6-0.4-0.8-0.7c-0.3-0.3-0.5-0.7-0.7-1.2C4.1,9.4,4,9,3.9,8.5c0-0.4-0.1-0.9,0-1.4C4,6.5,4.2,6,4.5,5.5
|
||||
c0.1-0.1,0.1-0.2,0.2-0.3c0,0,0-0.1,0-0.1c-0.1-0.3-0.1-0.6-0.1-1c0-0.4,0.1-0.8,0.3-1.2C5,2.6,5.2,2.5,5.5,2.5
|
||||
c0.3,0,0.8,0.1,1.2,0.3c0.4,0.2,0.8,0.4,1.2,0.7c0.5-0.1,1-0.2,1.6-0.2c0.4,0,1.6,0,2,0c0.5,0,1,0.1,1.4,0.2l0.2-0.1
|
||||
c0.2-0.1,0.5-0.3,0.7-0.4c0.4-0.2,0.7-0.3,1.1-0.3c0.1,0,0.2,0,0.3,0c0.3,0,0.5,0.1,0.6,0.4c0.2,0.6,0.4,1.2,0.2,2l0,0.1
|
||||
c0,0.1,0,0.2-0.1,0.3c0.5,0.6,0.7,1.3,0.8,2.1c0,0.3,0,0.6,0,0.9c0,0.5-0.1,1-0.2,1.4c-0.2,0.5-0.4,1-0.7,1.4
|
||||
c-0.3,0.4-0.7,0.6-1,0.8c-0.6,0.3-1.2,0.6-1.8,0.7c0.2,0.4,0.3,0.8,0.3,1.3c0,0,0,0,0,0c0,0.8,0,3.2,0,3.2c0,0.3-0.2,0.5-0.5,0.5
|
||||
L7.8,17.5L7.8,17.5z M7.8,15.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.2,0.2,0.2,0.3l0,1l4.2,0c0-0.7,0-2.1,0-2.7c0-0.4-0.1-0.7-0.2-1
|
||||
c-0.1-0.2-0.1-0.3-0.2-0.3l0.3-0.4l0,0L12,12.5c-0.1-0.1-0.1-0.3-0.1-0.5c0.1-0.2,0.2-0.3,0.4-0.3l0.3,0c0.7-0.1,1.3-0.3,1.9-0.7
|
||||
c0.3-0.2,0.6-0.4,0.7-0.6c0.2-0.3,0.4-0.6,0.5-1C15.9,9,15.9,8.6,16,8.1c0-0.2,0-0.5,0-0.7c-0.1-0.7-0.3-1.2-0.7-1.7
|
||||
c-0.2-0.2-0.2-0.4-0.1-0.6c0-0.1,0.1-0.2,0.1-0.3l0-0.1c0.1-0.4,0-0.8-0.1-1.2c0,0,0,0-0.1,0c-0.2,0-0.5,0.1-0.7,0.2
|
||||
c-0.2,0.1-0.4,0.2-0.7,0.4l-0.4,0.2c-0.1,0.1-0.3,0.1-0.4,0.1c-0.5-0.1-0.9-0.2-1.4-0.2c-0.4,0-1.5,0-1.9,0C9,4.1,8.5,4.2,8,4.4
|
||||
c-0.1,0-0.3,0-0.5-0.1C7.1,4,6.7,3.8,6.3,3.6C6.1,3.5,5.9,3.5,5.7,3.5C5.6,3.7,5.6,4,5.6,4.2c0,0.3,0,0.5,0.1,0.7
|
||||
c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0,0.4-0.1,0.5L5.5,5.8C5.5,5.9,5.4,6,5.3,6.1C5.1,6.4,4.9,6.8,4.8,7.3c-0.1,0.4,0,0.8,0,1.1
|
||||
c0,0.4,0.1,0.8,0.2,1.2c0.1,0.4,0.3,0.7,0.5,0.9C5.8,10.7,6,10.9,6.2,11c0.5,0.3,1,0.5,1.6,0.6c0.2,0,0.7,0.1,0.7,0.1
|
||||
c0.1,0,0.3,0.1,0.3,0.2c0.1,0.1,0.1,0.2,0.1,0.4c0,0.1-0.3,1-0.9,1.4c-0.7,0.4-1.8,0.5-2.5-0.3c-0.1-0.1-0.2-0.2-0.3-0.3
|
||||
c-0.2-0.3-0.6-0.8-1-1c-0.1,0-0.1,0-0.1,0c0,0,0,0-0.1,0.1c0,0.2,0,0.4,0.1,0.6c0.1,0.1,0.2,0.2,0.3,0.4c0.2,0.3,0.4,0.5,0.5,0.8
|
||||
c0.4,0.8,1,1.1,1.2,1.2C6.6,15.2,7.4,15.1,7.8,15.1C7.7,15.1,7.7,15.1,7.8,15.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="icon-github"></span>
|
||||
<span class="label-align">
|
||||
{{#if build.last_build}}
|
||||
{{format-sha build.last_build.commit.sha}}
|
||||
|
|
|
|||
74
app/templates/components/build-header.hbs
Normal file
74
app/templates/components/build-header.hbs
Normal file
|
|
@ -0,0 +1,74 @@
|
|||
<div class="build-commit">
|
||||
<h2 class="build-title {{item.state}}">
|
||||
{{status-icon status=item.state}}
|
||||
{{#if item.pullRequest}}
|
||||
<small class="commit-branch" title={{item.pullRequestTitle}}>Pull Request #{{item.pullRequestNumber}}</small>
|
||||
{{item.pullRequestTitle}}
|
||||
{{else}}
|
||||
<small class="commit-branch" title={{item.commit.branch}}>{{item.commit.branch}}</small>
|
||||
{{format-message item.commit.subject repo=item.repo}}
|
||||
{{/if}}
|
||||
</h2>
|
||||
<div class="commit-info">
|
||||
<p class="commit-description">
|
||||
{{#if item.pullRequest}}
|
||||
{{format-message item.commit.subject repo=item.repo}}<br>
|
||||
{{/if}}
|
||||
<span class="monospace">{{format-message item.commit.body repo=item.repo pre=true}}</span>
|
||||
</p>
|
||||
<ul class="list-icon">
|
||||
<li>
|
||||
<a class="commit-commit" href={{urlGithubCommit}}>
|
||||
Commit {{format-sha commit.sha}}</a>
|
||||
</li>
|
||||
<li>
|
||||
{{#if item.pullRequest}}
|
||||
<a class="commit-compare" title="See the commit on GitHub" href={{item.commit.compareUrl}}>#{{item.pullRequestNumber}}: {{item.pullRequestTitle}}</a>
|
||||
{{else}}
|
||||
{{#if item.commit.compareUrl}}
|
||||
<a class="commit-compare" title="See the diff on GitHub" href={{item.commit.compareUrl}}>
|
||||
Compare {{short-compare-shas item.commit.compareUrl}}</a>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</li>
|
||||
</ul>
|
||||
<p class="commit-author">
|
||||
{{#if commit.authorName}}
|
||||
<img src={{urlAuthorGravatarImage}} alt="comitter avatar" aria-hidden="true"><span class="label-align">{{commit.authorName}} authored{{#if commit.authorIsCommitter}} and committed{{/if}}</span>
|
||||
{{/if}}
|
||||
{{#unless commit.authorIsCommitter}}
|
||||
{{#if commit.committerName}}
|
||||
<img src={{urlCommitterGravatarImage}} alt="comitter avatar" aria-hidden="true"><span class="label-align">{{commit.committerName}} committed</span>
|
||||
{{/if}}
|
||||
{{/unless}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="build-info">
|
||||
<h3 class="build-status {{item.state}}">
|
||||
{{#if isJob}}
|
||||
{{#link-to "job" repo item}}
|
||||
{{request-icon event=item.build.eventType state=item.state}} #{{item.number}} {{humanize-state item.state}}{{/link-to}}
|
||||
{{else}}
|
||||
{{#link-to "build" repo item}}
|
||||
{{request-icon event=item.eventType state=item.state}} #{{item.number}} {{humanize-state item.state}}{{/link-to}}
|
||||
{{/if}}
|
||||
</h3>
|
||||
<ul class="list-icon">
|
||||
<li title="{{format-duration elapsedTime}}" class="commit-stopwatch">Elapsed time {{format-duration elapsedTime}}</li>
|
||||
{{#unless isJob}}
|
||||
{{#if item.isMatrix}}
|
||||
<li title="{{format-duration item.duration}}" class="commit-clock">{{#if item.isFinished}}Total time{{else}}Running{{/if}} for {{format-duration item.duration}}</li>
|
||||
{{/if}}
|
||||
{{/unless}}
|
||||
<li title="{{pretty-date item.finishedAt}}" class="commit-calendar">{{format-time item.finishedAt}}</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="build-tools">
|
||||
{{#if isJob}}
|
||||
{{repo-actions job=item repo=item.repo user=auth.currentUser}}
|
||||
{{else}}
|
||||
{{repo-actions build=item repo=item.repo user=user}}
|
||||
{{/if}}
|
||||
</div>
|
||||
|
|
@ -2,8 +2,8 @@
|
|||
{{#if cancelling}}
|
||||
{{loading-indicator height=true}}
|
||||
{{else}}
|
||||
<a href="#" {{action "cancel"}} class="button-circle" title="Cancel Build">
|
||||
<span class="icon icon--cancel"></span>
|
||||
<a {{action "cancel"}} class="button-circle-cancel" title="Cancel Build">
|
||||
Cancel build
|
||||
</a>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
|
@ -12,8 +12,8 @@
|
|||
{{#if restarting}}
|
||||
{{loading-indicator height=true}}
|
||||
{{else}}
|
||||
<a href="#" {{action "restart"}} class="button-circle" title="Restart Build">
|
||||
<span class="icon icon--trigger"></span>
|
||||
<a {{action "restart"}} class="button-circle-trigger" title="Restart Build">
|
||||
Trigger build
|
||||
</a>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
{{build.last_build.state}}
|
||||
{{!-- <div class="dropup--status">
|
||||
{{request-icon build=build}} <span class="label-align">#{{build.number}}</span>
|
||||
{{request-icon event=build.eventType state=build.state}} <span class="label-align">#{{build.number}}</span>
|
||||
</div> --}}
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -1,52 +1,58 @@
|
|||
<div class="tile-status">
|
||||
<span class="icon icon-status {{build.state}}" title="{{build.state}}"></span>
|
||||
<span class="request-kind icon {{build.eventType}}" title="{{build.eventType}}"></span>
|
||||
</div>
|
||||
|
||||
<div class="column tile-main medium-6">
|
||||
<h2>
|
||||
{{#if build.isPullRequest}}
|
||||
<small>PR #{{build.pullRequestNumber}}</small>
|
||||
{{#link-to "build" build.repo build}}
|
||||
{{{format-message build.pullRequestTitle short="true" repoBinding=build.repo}}}
|
||||
{{/link-to}}
|
||||
{{else}}
|
||||
<small>{{build.commit.branch}}</small>
|
||||
{{#link-to "build" build.repo build}}
|
||||
{{{format-message build.commit.message short="true" repoBinding=build.repo}}}
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</h2>
|
||||
<p class="tile-author"><img src={{urlAuthorGravatarImage}} alt="">
|
||||
{{build.commit.committerName}} committed
|
||||
</p>
|
||||
</div>
|
||||
<div class="column tile-additional medium-6 end">
|
||||
<div class="column small-6">
|
||||
<p class="build-status">
|
||||
{{#if build.id}}
|
||||
<div class="two-line fade-out">
|
||||
<div class="row-item build-info">
|
||||
<h2 class="row-branch {{build.state}}">
|
||||
{{status-icon status=build.state}}
|
||||
{{#if build.isPullRequest}}
|
||||
{{#link-to "build" build.repo build}}
|
||||
<span class="icon icon-hash"></span>
|
||||
{{build.number}} {{build.state}}
|
||||
<small>PR #{{build.pullRequestNumber}}</small>
|
||||
{{{format-message build.pullRequestTitle short="true" repoBinding=build.repo}}}
|
||||
{{/link-to}}
|
||||
{{else}}
|
||||
{{#link-to "build" build.repo build}}
|
||||
{{build.commit.branch}}
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</p>
|
||||
<p>
|
||||
<a href="{{urlGithubCommit}}">
|
||||
<span class="icon icon-github"></span>
|
||||
{{format-sha build.commit.sha}}
|
||||
</a>
|
||||
</p>
|
||||
</h2>
|
||||
{{#unless build.isPullRequest}}
|
||||
<div class="row-message">
|
||||
{{{format-message build.commit.message short="true" repoBinding=build.repo}}}
|
||||
</div>
|
||||
{{/unless}}
|
||||
</div>
|
||||
|
||||
<div class="column small-6">
|
||||
<p title="{{format-duration build.duration}}">
|
||||
<span class="icon icon-clock"></span>
|
||||
{{format-duration build.duration}}
|
||||
</p>
|
||||
<p title="{{pretty-date build.formattedFinishedAt}}">
|
||||
<span class="icon icon-cal"></span>
|
||||
{{format-time build.finishedAt}}
|
||||
</p>
|
||||
<div class="row-item row-committer">
|
||||
<img class="avatar" src={{urlAuthorGravatarImage}} alt="{{build.commit.committerName}} avatar">
|
||||
<span class="label-align">{{build.commit.committerName}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="two-line">
|
||||
<h3 class="row-item {{build.state}}">
|
||||
{{#if build.id}}
|
||||
{{#link-to "build" build.repo build}}
|
||||
{{request-icon event=build.eventType state=build.state}}
|
||||
<span class="label-align">#{{build.number}} {{build.state}}</span>
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</h3>
|
||||
<div class="row-item">
|
||||
<a href="{{urlGithubCommit}}" title="See the commit on GitHub">
|
||||
<span class="icon-github"></span>
|
||||
<span class="label-align">{{format-sha build.commit.sha}}</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="two-line">
|
||||
<div class="row-item">
|
||||
<div title="{{format-duration build.duration}}">
|
||||
<span class="icon-clock"></span>
|
||||
<span class="label-align">{{format-duration build.duration}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-item">
|
||||
<div title="{{pretty-date build.formattedFinishedAt}}">
|
||||
<span class="icon-calendar"></span>
|
||||
<span class="label-align">{{format-time build.finishedAt}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,20 @@
|
|||
<p class="tile-item caches-branch column">
|
||||
<span class="icon icon--grey"></span>
|
||||
{{cache.branch}}
|
||||
</p>
|
||||
|
||||
<p class="tile-item caches-date column">{{format-time cache.last_modified}}</p>
|
||||
|
||||
<p class="tile-item caches-size column">{{travis-mb cache.size}}MB</p>
|
||||
|
||||
<p class="tile-item caches-button column">
|
||||
<a href="#" {{action "delete"}} class="{{if isDeleting 'deleting'}} delete-by-slug delete button--delete">
|
||||
Delete
|
||||
<div class="row-item">
|
||||
{{request-icon event=cache.type}}
|
||||
<span class="label-align">{{cache.branch}}</span>
|
||||
</div>
|
||||
<div class="row-item">
|
||||
<span class="icon-calendar"></span>
|
||||
<span class="label-align">{{format-time cache.last_modified}}</span>
|
||||
</div>
|
||||
<div class="row-item">
|
||||
<span class="icon-scale"></span>
|
||||
<span class="label-align">{{travis-mb cache.size}}MB</span>
|
||||
</div>
|
||||
<div class="row-item">
|
||||
<a {{action "delete"}} class="{{if isDeleting 'deleting'}} delete-cache-icon" title="Delete this cache">
|
||||
<div class="tooltip">
|
||||
<span class="icon-trash">delete cache</span>
|
||||
<span class="tooltip-bubble">Delete</span>
|
||||
</div>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
<div class="row-request">
|
||||
<div class="row-item">
|
||||
{{#link-to "build" repo.owner.login repo.name repo.default_branch.last_build.id}}
|
||||
{{request-icon build=repo.default_branch.last_build}}
|
||||
{{request-icon event=repo.default_branch.last_build.event_type state=repo.default_branch.last_build.state}}
|
||||
<span class="label-align">#{{repo.default_branch.last_build.number}} {{repo.default_branch.last_build.state}} on {{repo.default_branch.name}}</span>
|
||||
{{/link-to}}
|
||||
</div>
|
||||
|
|
@ -21,32 +21,7 @@
|
|||
<div class="row-commit">
|
||||
<div class="row-item">
|
||||
<a href="{{urlGithubCommit}}" title="commit on GitHub">
|
||||
<span class="icon">
|
||||
<svg x="0px" y="0px" viewBox="2 0 20 20" xml:space="preserve">
|
||||
<g id="Commit">
|
||||
<path fill="#A7AEAE" d="M7.8,17.5c-0.3,0-0.5-0.2-0.5-0.5l0-1c-0.4,0-1,0.1-1.4-0.1c-0.4-0.1-1.3-0.5-1.8-1.7
|
||||
c-0.1-0.2-0.3-0.4-0.4-0.6c-0.1-0.1-0.2-0.3-0.3-0.4C3,12.8,3,12,3.3,11.5c0.3-0.4,0.7-0.5,1.2-0.3c0.7,0.2,1.1,0.9,1.4,1.3
|
||||
c0.1,0.1,0.1,0.2,0.2,0.2c0.4,0.4,1,0.3,1.4,0.1c0.1-0.1,0.2-0.2,0.3-0.3c-0.1,0-0.1,0-0.2,0c-0.7-0.1-1.3-0.4-1.9-0.7
|
||||
c-0.2-0.2-0.6-0.4-0.8-0.7c-0.3-0.3-0.5-0.7-0.7-1.2C4.1,9.4,4,9,3.9,8.5c0-0.4-0.1-0.9,0-1.4C4,6.5,4.2,6,4.5,5.5
|
||||
c0.1-0.1,0.1-0.2,0.2-0.3c0,0,0-0.1,0-0.1c-0.1-0.3-0.1-0.6-0.1-1c0-0.4,0.1-0.8,0.3-1.2C5,2.6,5.2,2.5,5.5,2.5
|
||||
c0.3,0,0.8,0.1,1.2,0.3c0.4,0.2,0.8,0.4,1.2,0.7c0.5-0.1,1-0.2,1.6-0.2c0.4,0,1.6,0,2,0c0.5,0,1,0.1,1.4,0.2l0.2-0.1
|
||||
c0.2-0.1,0.5-0.3,0.7-0.4c0.4-0.2,0.7-0.3,1.1-0.3c0.1,0,0.2,0,0.3,0c0.3,0,0.5,0.1,0.6,0.4c0.2,0.6,0.4,1.2,0.2,2l0,0.1
|
||||
c0,0.1,0,0.2-0.1,0.3c0.5,0.6,0.7,1.3,0.8,2.1c0,0.3,0,0.6,0,0.9c0,0.5-0.1,1-0.2,1.4c-0.2,0.5-0.4,1-0.7,1.4
|
||||
c-0.3,0.4-0.7,0.6-1,0.8c-0.6,0.3-1.2,0.6-1.8,0.7c0.2,0.4,0.3,0.8,0.3,1.3c0,0,0,0,0,0c0,0.8,0,3.2,0,3.2c0,0.3-0.2,0.5-0.5,0.5
|
||||
L7.8,17.5L7.8,17.5z M7.8,15.1c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.2,0.2,0.2,0.3l0,1l4.2,0c0-0.7,0-2.1,0-2.7c0-0.4-0.1-0.7-0.2-1
|
||||
c-0.1-0.2-0.1-0.3-0.2-0.3l0.3-0.4l0,0L12,12.5c-0.1-0.1-0.1-0.3-0.1-0.5c0.1-0.2,0.2-0.3,0.4-0.3l0.3,0c0.7-0.1,1.3-0.3,1.9-0.7
|
||||
c0.3-0.2,0.6-0.4,0.7-0.6c0.2-0.3,0.4-0.6,0.5-1C15.9,9,15.9,8.6,16,8.1c0-0.2,0-0.5,0-0.7c-0.1-0.7-0.3-1.2-0.7-1.7
|
||||
c-0.2-0.2-0.2-0.4-0.1-0.6c0-0.1,0.1-0.2,0.1-0.3l0-0.1c0.1-0.4,0-0.8-0.1-1.2c0,0,0,0-0.1,0c-0.2,0-0.5,0.1-0.7,0.2
|
||||
c-0.2,0.1-0.4,0.2-0.7,0.4l-0.4,0.2c-0.1,0.1-0.3,0.1-0.4,0.1c-0.5-0.1-0.9-0.2-1.4-0.2c-0.4,0-1.5,0-1.9,0C9,4.1,8.5,4.2,8,4.4
|
||||
c-0.1,0-0.3,0-0.5-0.1C7.1,4,6.7,3.8,6.3,3.6C6.1,3.5,5.9,3.5,5.7,3.5C5.6,3.7,5.6,4,5.6,4.2c0,0.3,0,0.5,0.1,0.7
|
||||
c0,0.1,0,0.1,0.1,0.2c0.1,0.2,0,0.4-0.1,0.5L5.5,5.8C5.5,5.9,5.4,6,5.3,6.1C5.1,6.4,4.9,6.8,4.8,7.3c-0.1,0.4,0,0.8,0,1.1
|
||||
c0,0.4,0.1,0.8,0.2,1.2c0.1,0.4,0.3,0.7,0.5,0.9C5.8,10.7,6,10.9,6.2,11c0.5,0.3,1,0.5,1.6,0.6c0.2,0,0.7,0.1,0.7,0.1
|
||||
c0.1,0,0.3,0.1,0.3,0.2c0.1,0.1,0.1,0.2,0.1,0.4c0,0.1-0.3,1-0.9,1.4c-0.7,0.4-1.8,0.5-2.5-0.3c-0.1-0.1-0.2-0.2-0.3-0.3
|
||||
c-0.2-0.3-0.6-0.8-1-1c-0.1,0-0.1,0-0.1,0c0,0,0,0-0.1,0.1c0,0.2,0,0.4,0.1,0.6c0.1,0.1,0.2,0.2,0.3,0.4c0.2,0.3,0.4,0.5,0.5,0.8
|
||||
c0.4,0.8,1,1.1,1.2,1.2C6.6,15.2,7.4,15.1,7.8,15.1C7.7,15.1,7.7,15.1,7.8,15.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="icon-github"></span>
|
||||
<span class="label-align">
|
||||
{{format-sha repo.default_branch.last_build.commit.sha}}
|
||||
</span>
|
||||
|
|
@ -58,22 +33,7 @@
|
|||
<div class="one-line">
|
||||
<div class="row-calendar">
|
||||
<div class="row-item" title="{{repo.default_branch.last_build.finished_at}}">
|
||||
<span class="icon">
|
||||
<svg viewBox="0 0 20 20">
|
||||
<g id="Cal">
|
||||
<path fill="#A7AEAE" d="M16.7,2.5H3.3C3,2.5,2.8,2.7,2.8,3V17c0,0.3,0.2,0.5,0.5,0.5h13.4c0.3,0,0.5-0.2,0.5-0.5V3
|
||||
C17.2,2.7,17,2.5,16.7,2.5z M16.2,3.4v3.1H3.8V3.4H16.2z M3.8,16.6v-9h12.5v9H3.8z"/>
|
||||
<path fill="#A7AEAE" d="M8.7,13.4c-0.1,0-0.3,0-0.4,0c0.2-0.2,0.4-0.4,0.5-0.6c0.2-0.2,0.3-0.4,0.5-0.6c0.1-0.2,0.2-0.4,0.3-0.6
|
||||
c0.1-0.2,0.1-0.4,0.1-0.6c0-0.2,0-0.4-0.1-0.6c-0.1-0.2-0.2-0.3-0.3-0.4C9.2,10,9.1,9.9,8.9,9.8C8.7,9.7,8.5,9.7,8.3,9.7
|
||||
C8,9.7,7.7,9.8,7.5,9.9C7.2,10,7,10.2,6.8,10.4L7.3,11c0.1-0.1,0.2-0.2,0.4-0.3c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.4,0.1,0.5,0.2
|
||||
c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2,0,0.3-0.1,0.5c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.4,0.4-0.6,0.7c-0.2,0.2-0.5,0.5-0.8,0.8v0.6
|
||||
H10v-0.9H9.1C9,13.4,8.8,13.4,8.7,13.4z"/>
|
||||
<path fill="#A7AEAE" d="M10.6,10.7h2c-0.2,0.3-0.4,0.6-0.5,0.8c-0.1,0.3-0.3,0.6-0.4,0.8c-0.1,0.3-0.2,0.6-0.2,0.9
|
||||
c0,0.3-0.1,0.7-0.1,1h1c0-0.4,0-0.8,0.1-1.2c0-0.3,0.1-0.7,0.2-0.9c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.4-0.6,0.6-0.9V9.8h-3.1
|
||||
V10.7z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="icon-calendar"></span>
|
||||
<span class="label-align">
|
||||
{{#if repo.default_branch.last_build}}
|
||||
{{format-time repo.default_branch.last_build.finished_at}}
|
||||
|
|
|
|||
|
|
@ -2,8 +2,8 @@
|
|||
{{#if cancelling}}
|
||||
{{loading-indicator height=true}}
|
||||
{{else}}
|
||||
<a href="#" {{action "cancel"}} class="button-circle" title="Cancel Job">
|
||||
<span class="icon icon--cancel"></span>
|
||||
<a href="#" {{action "cancel"}} class="button-circle-cancel" title="Cancel job">
|
||||
Cancel Job
|
||||
</a>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
|
@ -12,8 +12,8 @@
|
|||
{{#if restarting}}
|
||||
{{loading-indicator height=true}}
|
||||
{{else}}
|
||||
<a href="#" {{action "restart"}} class="button-circle" title="Restart Job">
|
||||
<span class="icon icon--trigger"></span>
|
||||
<a href="#" {{action "restart"}} class="button-circle-trigger" title="Restart job">
|
||||
Restart Job
|
||||
</a>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -1,50 +1,39 @@
|
|||
{{#link-to "job" repo job}}
|
||||
<div class="tile-status tile-status--job">
|
||||
{{#if isAnimating}}
|
||||
<span class="icon-receiving"><i></i><i></i><i></i></span>
|
||||
{{else}}
|
||||
<span class="icon icon--job {{job.state}}"></span>
|
||||
<div class="job-state {{job.state}}">
|
||||
{{status-icon status=job.state}}
|
||||
</div>
|
||||
|
||||
<div class="job-number {{job.state}}">
|
||||
<span class="icon-hash" aria-hidden="true"></span>
|
||||
<span class="label-align">{{job.number}}</span>
|
||||
</div>
|
||||
|
||||
<div class="job-os {{job.config.os}} tooltip">
|
||||
{{#if job.config.os}}
|
||||
<span class="icon tooltip-trigger">{{job.config.os}}</span>
|
||||
<div class="tooltip-bubble" aria-hidden="true">{{job.config.os}}</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
<p class="job-id jobs-item build-status">
|
||||
<span class="icon icon--hash-dark"></span>
|
||||
{{job.number}}
|
||||
</p>
|
||||
<div class="job-lang">
|
||||
<span class="icon-lang"></span>
|
||||
<span class="label-align">{{#if languages}}{{languages}}{{else}}no language set{{/if}}</span>
|
||||
</div>
|
||||
|
||||
<p class="job-os jobs-item build-os {{job.config.os}}">
|
||||
<span class="icon {{job.config.os}}"></span>
|
||||
</p>
|
||||
|
||||
{{#if languages}}
|
||||
<p class="job-lang jobs-item build-lang">
|
||||
<span class="icon icon--lang"></span>
|
||||
{{languages}}
|
||||
</p>
|
||||
{{else}}
|
||||
<p class="job-lang jobs-item build-lang is-empty">
|
||||
<span class="icon icon--lang"></span>
|
||||
no language set
|
||||
</p>
|
||||
{{/if}}
|
||||
|
||||
<div class="job-anchor jobs-item">
|
||||
{{#if environment}}
|
||||
<p class="job-env jobs-item build-env">
|
||||
<span class="icon icon--env"></span>
|
||||
{{environment}}
|
||||
</p>
|
||||
{{else}}
|
||||
<p class="job-env jobs-item build-env is-empty">
|
||||
<span class="icon icon--env"></span>
|
||||
no environment variables set
|
||||
</p>
|
||||
{{/if}}
|
||||
|
||||
<p class="job-duration jobs-item" title="Started {{pretty-date job.startedAt}}">
|
||||
<span class="icon icon--clock-dark"></span>
|
||||
{{format-duration job.duration}}
|
||||
</p>
|
||||
{{#if environment}}
|
||||
<div class="job-env">
|
||||
<span class="icon-env"></span>
|
||||
<span class="label-align">{{environment}}</span>
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="job-env is-empty">
|
||||
<span class="icon-env"></span>
|
||||
<span class="label-align">no environment variables set</span>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<div class="job-duration" title="Started {{pretty-date job.startedAt}}">
|
||||
<span class="icon-clock"></span>
|
||||
<span class="label-align">{{format-duration job.duration}}</span>
|
||||
</div>
|
||||
{{/link-to}}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,11 @@
|
|||
{{#if jobs.length}}
|
||||
<section>
|
||||
|
||||
{{#if required}}
|
||||
<h2 class="build-title">Build Jobs</h2>
|
||||
<h2 class="section-title">Build Jobs</h2>
|
||||
{{else}}
|
||||
<h2 class="build-title">Allowed Failures
|
||||
<div class="tooltip--jobs">
|
||||
<span class="icon icon--question"></span>
|
||||
<h2 class="section-title">Allowed Failures
|
||||
<div class="tooltip-jobs">
|
||||
<span class="icon-question tooltip-trigger"></span>
|
||||
<p class="tooltip-bubble">These are jobs you can allow to fail <br> without failing your entire build</p>
|
||||
</div>
|
||||
</h2>
|
||||
|
|
@ -17,5 +16,4 @@
|
|||
{{jobs-item job=job repo=repo}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
</section>
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
{{travis-switch active=enabled description=description action="toggle"}}
|
||||
<div class="tooltip--settings">
|
||||
<div class="tooltip-settings">
|
||||
<a href="http://docs.travis-ci.com/user/customizing-the-build/#Limiting-Concurrent-Builds" title="about the concurrency setting">
|
||||
<p class="tooltip-bubble">Read more about<br>concurrent builds</p>
|
||||
<span class="icon icon--question"></span>
|
||||
<span class="icon icon-question"></span>
|
||||
</a>
|
||||
</div>
|
||||
{{#if enabled}}
|
||||
|
|
|
|||
|
|
@ -6,10 +6,10 @@
|
|||
{{#if job.isLegacyInfrastructure}}
|
||||
{{#if job.isFinished}}
|
||||
<p class="notice"><span class="icon-flag"></span>
|
||||
This job ran on our legacy infrastructure. Please read <a href="http://docs.travis-ci.com/user/migrating-from-legacy/?utm_source=legacy-notice&utm_medium=banner&utm_campaign=legacy-upgrade" title="Migrating from legacy">our docs on how to upgrade</a></p>
|
||||
<span class="label-align">This job ran on our legacy infrastructure. Please read <a href="http://docs.travis-ci.com/user/migrating-from-legacy/?utm_source=legacy-notice&utm_medium=banner&utm_campaign=legacy-upgrade" title="Migrating from legacy">our docs on how to upgrade</a>.</span></p>
|
||||
{{else}}
|
||||
<p class="notice"><span class="icon-flag"></span>
|
||||
This job is running on our legacy infrastructure. Please read <a href="http://docs.travis-ci.com/user/migrating-from-legacy/?utm_source=legacy-notice&utm_medium=banner&utm_campaign=legacy-upgrade" title="Migrating from legacy">our docs on how to upgrade</a></p>
|
||||
<span class="label-align">This job is running on our legacy infrastructure. Please read <a href="http://docs.travis-ci.com/user/migrating-from-legacy/?utm_source=legacy-notice&utm_medium=banner&utm_campaign=legacy-upgrade" title="Migrating from legacy">our docs on how to upgrade</a>.</span></p>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
||||
|
|
@ -31,15 +31,15 @@
|
|||
<div class="{{if job.notStarted 'hidden'}}">
|
||||
<menu class="log-header">
|
||||
{{#if canRemoveLog}}
|
||||
<a href="#" class="button button--grey open-popup" {{action "removeLogPopup"}}><span class="icon icon--removeLog"></span> Remove Log</a>
|
||||
<a class="remove-log-button open-popup" {{action "removeLogPopup"}}>Remove log</a>
|
||||
{{/if}}
|
||||
<a class="button button--grey" href={{plainTextLogUrl}}><span class="icon icon--downloadLog"></span> Download Log</a>
|
||||
<a class="download-log-button" href={{plainTextLogUrl}}>Download log</a>
|
||||
</menu>
|
||||
<div class="log-body">
|
||||
{{#if showTailing}}
|
||||
<a href="#" id="tail" class="log-tail" {{action "toggleTailing"}}>
|
||||
<span class="tail-status"></span>
|
||||
<span class="tail-label button button--grey"><span class="icon icon--down"></span>
|
||||
<span class="tail-label">
|
||||
{{#if job.isFinished}}
|
||||
Scroll to End of Log
|
||||
{{else}}
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@
|
|||
|
||||
<div class="row-item fade-out">
|
||||
<div class="one-line">
|
||||
{{request-icon build=repo.default_branch.last_build}}
|
||||
{{request-icon event=repo.default_branch.last_build.event_type}}
|
||||
<span class="label-align">{{repo.default_branch.name}}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,9 @@
|
|||
<div id="remove-log-popup" class="popup">
|
||||
<a href="#" class="close" {{action "close"}}></a>
|
||||
<p><strong>This action will remove the log permanently!</strong></p>
|
||||
<p>Do you want to continue?</p>
|
||||
<p>
|
||||
<a class="sync_now button" {{action "removeLog"}}>Yes, please!</a>
|
||||
<span class="or">or</span>
|
||||
<a href="#" class="cancel" {{action "close"}}>Cancel</a>
|
||||
</p>
|
||||
<a class="close" {{action "close"}} title="close popup">close</a>
|
||||
<h3 class="popup-title h2--red">This action will remove the log permanently!</h3>
|
||||
<p class="popup-text text-big">Do you want to continue?</p>
|
||||
<div class="buttons">
|
||||
<a class="button-delete" {{action "removeLog"}}>Yes, remove log</a>
|
||||
<a class="button-cancel" {{action "close"}}>Oops, cancel</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -10,9 +10,8 @@
|
|||
|
||||
{{#if displayCodeClimate}}
|
||||
<a href="#" name="code-climate"
|
||||
{{action "codeClimatePopup"}} class="button-circle open-popup"
|
||||
title="Test Coverage with Code Climate">
|
||||
<span class="icon icon--codeclimate"></span>
|
||||
{{action "codeClimatePopup"}} class="button-circle-codeclimate open-popup"
|
||||
title="Test Coverage with Code Climate">Code Climate
|
||||
</a>
|
||||
{{/if}}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,83 +1,82 @@
|
|||
<div class="tabnav" role="tablist">
|
||||
<ul class="tab tabs--main">
|
||||
<li id="tab_current" class={{classCurrent}}>
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "repo" repo current-when="repo.index"}}
|
||||
Current
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</li>
|
||||
<li id="tab_branches" class={{classBranches}}>
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "branches" repo}}
|
||||
Branches
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</li>
|
||||
<li id="tab_builds" class={{classBuilds}}>
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "builds" repo}}
|
||||
Build History
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</li>
|
||||
<li id="tab_pull_requests" class={{classPullRequests}}>
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "pullRequests" repo}}
|
||||
Pull Requests
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</li>
|
||||
<li id="tab_build" class={{classBuild}}>
|
||||
{{#if build.id}}
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "build" repo build}}
|
||||
Build #{{build.number}}
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</li>
|
||||
<li id="tab_job" class={{classJob}}>
|
||||
{{#if job.id}}
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "job" repo job}}
|
||||
Job #{{job.number}}
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</li>
|
||||
<li id="tab_settings" class={{classSettings}}>
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "settings" repo}}
|
||||
Settings
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</li>
|
||||
<li id="tab_requests" class="{{classRequests}}">
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "requests" repo}}
|
||||
Requests
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</li>
|
||||
{{#if config.caches_enabled}}
|
||||
<li id="tab_caches" class={{classCaches}}>
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "caches" repo}}
|
||||
Caches
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</li>
|
||||
<ul class="tab tabs--main">
|
||||
<li id="tab_current" class={{classCurrent}}>
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "repo" repo current-when="repo.index"}}
|
||||
Current
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
|
||||
<li id="tab_request" class={{classRequest}}>
|
||||
{{#if request.id}}
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "request" repo request}}
|
||||
Request #{{request.id}}
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</li>
|
||||
<li id="tab_branches" class={{classBranches}}>
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "branches" repo}}
|
||||
Branches
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</li>
|
||||
<li id="tab_builds" class={{classBuilds}}>
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "builds" repo}}
|
||||
Build History
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</li>
|
||||
<li id="tab_pull_requests" class={{classPullRequests}}>
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "pullRequests" repo}}
|
||||
Pull Requests
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</li>
|
||||
<li id="tab_build" class={{classBuild}}>
|
||||
{{#if build.id}}
|
||||
{{#if repo.slug}}
|
||||
<span class="tab-arrow"></span>
|
||||
{{#link-to "build" repo build}}
|
||||
Build #{{build.number}}
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</li>
|
||||
<li id="tab_job" class={{classJob}}>
|
||||
{{#if job.id}}
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "job" repo job}}
|
||||
Job #{{job.number}}
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</li>
|
||||
<li id="tab_settings" class={{classSettings}}>
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "settings" repo}}
|
||||
Settings
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</li>
|
||||
<li id="tab_requests" class="{{classRequests}}">
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "requests" repo}}
|
||||
Requests
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</li>
|
||||
{{#if config.caches_enabled}}
|
||||
<li id="tab_caches" class={{classCaches}}>
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "caches" repo}}
|
||||
Caches
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<li id="tab_request" class={{classRequest}}>
|
||||
{{#if request.id}}
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "request" repo request}}
|
||||
Request #{{request.id}}
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</li>
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -1,18 +1,16 @@
|
|||
<div class="dropdown dropdown--classic" id="tools">
|
||||
<a href="#" {{action "menu"}} class="menu-popup-button dropdown-button btn" type=""><span class="icon icon-cog-light"></span> Settings <span class="icon icon-arrow-down"></span></a>
|
||||
<ul class="dropdown-menu menu">
|
||||
{{#if displaySettingsLink}}
|
||||
<li>
|
||||
{{#link-to "settings" repo}}Settings{{/link-to}}
|
||||
</li>
|
||||
{{/if}}
|
||||
<a {{action "menu"}} class="settings-button" type="" title="Open settings menu">Settings</a>
|
||||
<ul class="settings-dropdown">
|
||||
{{#if displaySettingsLink}}
|
||||
<li>
|
||||
{{#link-to "requests" repo}}Requests{{/link-to}}
|
||||
{{#link-to "settings" repo}}Settings{{/link-to}}
|
||||
</li>
|
||||
{{#if displayCachesLink}}
|
||||
<li>
|
||||
{{#link-to "caches" repo}}Caches{{/link-to}}
|
||||
</li>
|
||||
{{/if}}
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
<li>
|
||||
{{#link-to "requests" repo}}Requests{{/link-to}}
|
||||
</li>
|
||||
{{#if displayCachesLink}}
|
||||
<li>
|
||||
{{#link-to "caches" repo}}Caches{{/link-to}}
|
||||
</li>
|
||||
{{/if}}
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -1,71 +1,38 @@
|
|||
<div class="tile tile--sidebar {{repo.lastBuildState}}">
|
||||
<h2 class="tile-title">
|
||||
<div class="tile {{repo.lastBuildState}}">
|
||||
<h2 class="tile-title {{repo.lastBuildState}}">
|
||||
{{#if repo.slug}}
|
||||
{{#link-to "repo" repo}}
|
||||
{{status-icon status=repo.lastBuildState}}
|
||||
{{#link-to "repo" repo class="slug"}}{{repo.slug}}{{/link-to}}
|
||||
<span class="label-align">{{repo.slug}}</span>
|
||||
{{/link-to}}
|
||||
{{/if}}
|
||||
</h2>
|
||||
{{#with repo.lastBuildHash as lastBuild}}
|
||||
{{#if repo.slug}}
|
||||
{{#if lastBuild.id}}
|
||||
<p class="tile-title float-right">
|
||||
<span class="icon">
|
||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
viewBox="-289 193 18 18" {{!-- style="enable-background:new -289 191 20 20;" --}} xml:space="preserve">
|
||||
<path fill="#A5ACAD" class="st0" d="M-272.4,198.4C-272.4,198.4-272.4,198.4-272.4,198.4l-3.4,0l0.3-3.3c0-0.3-0.2-0.6-0.5-0.6
|
||||
c-0.3,0-0.6,0.2-0.6,0.5l-0.3,3.4l-3.2,0l0.3-3.6c0-0.3-0.2-0.6-0.5-0.6c-0.3,0-0.6,0.2-0.6,0.5l-0.3,3.7l-3.2,0
|
||||
c-0.3,0-0.5,0.2-0.5,0.6c0,0.3,0.2,0.5,0.5,0.5c0,0,0,0,0,0l3.1,0l-0.2,2.9l-3.5,0c-0.3,0-0.5,0.2-0.5,0.6c0,0.3,0.2,0.5,0.5,0.5
|
||||
c0,0,0,0,0,0l3.4,0l-0.3,3.3c0,0.3,0.2,0.6,0.5,0.6c0,0,0,0,0,0c0.3,0,0.5-0.2,0.5-0.5l0.3-3.4l3.2,0l-0.3,3.6
|
||||
c0,0.3,0.2,0.6,0.5,0.6c0,0,0,0,0,0c0.3,0,0.5-0.2,0.5-0.5l0.3-3.7l3.2,0c0.3,0,0.5-0.2,0.5-0.6c0-0.3-0.2-0.5-0.5-0.5c0,0,0,0,0,0
|
||||
l-3.1,0l0.2-2.9l3.5,0c0.3,0,0.5-0.2,0.5-0.6C-271.8,198.7-272.1,198.4-272.4,198.4z M-277.2,202.4l-3.2,0l0.2-2.9l3.2,0
|
||||
L-277.2,202.4z"/>
|
||||
</svg>
|
||||
</span>
|
||||
{{#link-to "build" repo lastBuild.id
|
||||
class="last_build"}}{{lastBuild.number}}{{/link-to}}
|
||||
</p>
|
||||
<p class="tile-title float-right {{repo.lastBuildState}}">
|
||||
{{#link-to "build" repo lastBuild.id}}
|
||||
<span class="icon-hash"></span>
|
||||
<span class="label-align">{{lastBuild.number}}</span>
|
||||
{{/link-to}}
|
||||
</p>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
{{/with}}
|
||||
|
||||
<p>
|
||||
<span class="icon">
|
||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
viewBox="-288 192 20 20" {{!-- style="enable-background:new -289 191 20 20;" --}} xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#A5ACAD" class="st0" d="M-278.9,207.7c-3.7,0-6.7-3-6.7-6.7s3-6.7,6.7-6.7s6.7,3,6.7,6.7S-275.2,207.7-278.9,207.7z M-278.9,195.4
|
||||
c-3.1,0-5.6,2.5-5.6,5.6s2.5,5.6,5.6,5.6c3.1,0,5.6-2.5,5.6-5.6S-275.8,195.4-278.9,195.4z"/>
|
||||
<path fill="#A5ACAD" class="st0" d="M-276.7,203.1c-0.1,0-0.2,0-0.3-0.1l-2.4-1.5c-0.2-0.1-0.2-0.3-0.2-0.4v-3.8c0-0.3,0.2-0.5,0.5-0.5
|
||||
s0.5,0.2,0.5,0.5v3.5l2.1,1.4c0.2,0.2,0.3,0.5,0.2,0.7C-276.4,203-276.5,203.1-276.7,203.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
Duration:
|
||||
<span class="icon-clock"></span>
|
||||
<span class="label-align">Duration:
|
||||
<abbr class="duration" title={{lastBuildStartedAt}}>
|
||||
{{format-duration repo.lastBuildDuration}}
|
||||
</abbr>
|
||||
</abbr></span>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span class="icon">
|
||||
<svg viewBox="0 2 20 20">
|
||||
<g id="Cal">
|
||||
<path fill="#A7AEAE" d="M16.7,2.5H3.3C3,2.5,2.8,2.7,2.8,3V17c0,0.3,0.2,0.5,0.5,0.5h13.4c0.3,0,0.5-0.2,0.5-0.5V3
|
||||
C17.2,2.7,17,2.5,16.7,2.5z M16.2,3.4v3.1H3.8V3.4H16.2z M3.8,16.6v-9h12.5v9H3.8z"/>
|
||||
<path fill="#A7AEAE" d="M8.7,13.4c-0.1,0-0.3,0-0.4,0c0.2-0.2,0.4-0.4,0.5-0.6c0.2-0.2,0.3-0.4,0.5-0.6c0.1-0.2,0.2-0.4,0.3-0.6
|
||||
c0.1-0.2,0.1-0.4,0.1-0.6c0-0.2,0-0.4-0.1-0.6c-0.1-0.2-0.2-0.3-0.3-0.4C9.2,10,9.1,9.9,8.9,9.8C8.7,9.7,8.5,9.7,8.3,9.7
|
||||
C8,9.7,7.7,9.8,7.5,9.9C7.2,10,7,10.2,6.8,10.4L7.3,11c0.1-0.1,0.2-0.2,0.4-0.3c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.4,0.1,0.5,0.2
|
||||
c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2,0,0.3-0.1,0.5c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.4,0.4-0.6,0.7c-0.2,0.2-0.5,0.5-0.8,0.8v0.6
|
||||
H10v-0.9H9.1C9,13.4,8.8,13.4,8.7,13.4z"/>
|
||||
<path fill="#A7AEAE" d="M10.6,10.7h2c-0.2,0.3-0.4,0.6-0.5,0.8c-0.1,0.3-0.3,0.6-0.4,0.8c-0.1,0.3-0.2,0.6-0.2,0.9
|
||||
c0,0.3-0.1,0.7-0.1,1h1c0-0.4,0-0.8,0.1-1.2c0-0.3,0.1-0.7,0.2-0.9c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.4-0.6,0.6-0.9V9.8h-3.1
|
||||
V10.7z"/>
|
||||
</g>
|
||||
</svg>
|
||||
</span>
|
||||
Finished:
|
||||
<span class="icon-calendar"></span>
|
||||
<span class="label-align">Finished:
|
||||
<abbr class="finished_at timeago" title={{lastBuildFinishedAt}}>
|
||||
{{format-time repo.lastBuildFinishedAt}}
|
||||
</abbr>
|
||||
</abbr></span>
|
||||
</p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,52 +1,15 @@
|
|||
{{#if isEmpty}}
|
||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||
<g id="Push">
|
||||
<path fill="#A7AEAE" d="M16.9,9.4h-3.5c-0.3-1.6-1.7-2.8-3.4-2.8S6.9,7.8,6.6,9.4H3.1c-0.3,0-0.6,0.3-0.6,0.6s0.3,0.6,0.6,0.6h3.5
|
||||
c0.3,1.6,1.7,2.8,3.4,2.8s3.1-1.2,3.4-2.8h3.5c0.3,0,0.6-0.3,0.6-0.6S17.2,9.4,16.9,9.4z M10,12.2c-1.2,0-2.2-1-2.2-2.2
|
||||
c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2c0,0,0,0,0,0c0,0,0,0,0,0C12.2,11.2,11.2,12.2,10,12.2z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg viewBox="0 0 20 20"><path fill="#A7AEAE" d="M16.9 9.4h-3.5c-.3-1.6-1.7-2.8-3.4-2.8S6.9 7.8 6.6 9.4H3.1c-.3 0-.6.3-.6.6s.3.6.6.6h3.5c.3 1.6 1.7 2.8 3.4 2.8s3.1-1.2 3.4-2.8h3.5c.3 0 .6-.3.6-.6s-.3-.6-.6-.6zM10 12.2c-1.2 0-2.2-1-2.2-2.2 0-1.2 1-2.2 2.2-2.2 1.2 0 2.2 1 2.2 2.2 0 1.2-1 2.2-2.2 2.2z"/></svg>
|
||||
{{else}}
|
||||
{{#if isPush}}
|
||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||
<g id="Push">
|
||||
<path fill="#A7AEAE" d="M16.9,9.4h-3.5c-0.3-1.6-1.7-2.8-3.4-2.8S6.9,7.8,6.6,9.4H3.1c-0.3,0-0.6,0.3-0.6,0.6s0.3,0.6,0.6,0.6h3.5
|
||||
c0.3,1.6,1.7,2.8,3.4,2.8s3.1-1.2,3.4-2.8h3.5c0.3,0,0.6-0.3,0.6-0.6S17.2,9.4,16.9,9.4z M10,12.2c-1.2,0-2.2-1-2.2-2.2
|
||||
c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2c0,0,0,0,0,0c0,0,0,0,0,0C12.2,11.2,11.2,12.2,10,12.2z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg viewBox="0 0 20 20"><path fill="#A7AEAE" d="M16.9 9.4h-3.5c-.3-1.6-1.7-2.8-3.4-2.8S6.9 7.8 6.6 9.4H3.1c-.3 0-.6.3-.6.6s.3.6.6.6h3.5c.3 1.6 1.7 2.8 3.4 2.8s3.1-1.2 3.4-2.8h3.5c.3 0 .6-.3.6-.6s-.3-.6-.6-.6zM10 12.2c-1.2 0-2.2-1-2.2-2.2 0-1.2 1-2.2 2.2-2.2 1.2 0 2.2 1 2.2 2.2 0 1.2-1 2.2-2.2 2.2z"/></svg>
|
||||
{{/if}}
|
||||
|
||||
{{#if isPR}}
|
||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||
<g id="Pull">
|
||||
<path fill="#A7AEAE" d="M8,4.5C8,3.1,6.9,2,5.5,2S3,3.1,3,4.5c0,1.1,0.8,2.1,1.8,2.4v6.5c-1,0.3-1.8,1.2-1.8,2.4
|
||||
c0,1.4,1.1,2.5,2.5,2.5S8,17,8,15.7c0-1.1-0.8-2.1-1.8-2.4V6.8C7.2,6.6,8,5.6,8,4.5z M4.3,4.5c0-0.6,0.5-1.2,1.2-1.2
|
||||
s1.2,0.5,1.2,1.2S6.1,5.6,5.5,5.6S4.3,5.1,4.3,4.5z M6.7,15.7c0,0.6-0.5,1.2-1.2,1.2s-1.2-0.5-1.2-1.2s0.5-1.2,1.2-1.2
|
||||
S6.7,15,6.7,15.7z"/>
|
||||
<path fill="#A7AEAE" d="M15.1,13.3v-6c0-1-0.3-1.9-0.9-2.4c-1-0.9-2.4-0.8-2.4-0.8h-1c0.3-0.3,0.7-0.7,1-1c0.3-0.3,0.3-0.7,0-0.9
|
||||
s-0.7-0.3-0.9,0c-1.2,1.2-1.7,1.7-2,2C8.8,4.2,8.7,4.3,8.6,4.4c0,0.1,0,0.1,0,0.2c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0
|
||||
c0,0,0,0,0,0c0,0.1,0,0.1,0,0.2c0,0.1,0.1,0.2,0.2,0.3c0.3,0.3,0.8,0.9,2,2c0.1,0.1,0.3,0.2,0.5,0.2s0.3-0.1,0.5-0.2
|
||||
c0.3-0.3,0.3-0.7,0-0.9c-0.3-0.3-0.7-0.7-1-1l1,0c0,0,0.9,0,1.5,0.5c0.3,0.3,0.5,0.8,0.5,1.5v6.1c-1,0.3-1.8,1.2-1.8,2.4
|
||||
c0,1.4,1.1,2.5,2.5,2.5S17,17,17,15.7C17,14.5,16.2,13.6,15.1,13.3z M14.5,16.8c-0.6,0-1.2-0.5-1.2-1.2s0.5-1.2,1.2-1.2
|
||||
s1.2,0.5,1.2,1.2S15.1,16.8,14.5,16.8z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg viewBox="0 0 20 20"><g fill="#A7AEAE"><path d="M8 4.5C8 3.1 6.9 2 5.5 2S3 3.1 3 4.5c0 1.1.8 2.1 1.8 2.4v6.5c-1 .3-1.8 1.2-1.8 2.4 0 1.4 1.1 2.5 2.5 2.5S8 17 8 15.7c0-1.1-.8-2.1-1.8-2.4V6.8C7.2 6.6 8 5.6 8 4.5zm-3.7 0c0-.6.5-1.2 1.2-1.2s1.2.5 1.2 1.2-.6 1.1-1.2 1.1-1.2-.5-1.2-1.1zm2.4 11.2c0 .6-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2.5-1.2 1.2-1.2 1.2.5 1.2 1.2zM15.1 13.3v-6c0-1-.3-1.9-.9-2.4-1-.9-2.4-.8-2.4-.8h-1l1-1c.3-.3.3-.7 0-.9s-.7-.3-.9 0l-2 2c-.1 0-.2.1-.3.2v.4c0 .1.1.2.2.3.3.3.8.9 2 2 .1.1.3.2.5.2s.3-.1.5-.2c.3-.3.3-.7 0-.9l-1-1h1s.9 0 1.5.5c.3.3.5.8.5 1.5v6.1c-1 .3-1.8 1.2-1.8 2.4 0 1.4 1.1 2.5 2.5 2.5S17 17 17 15.7c0-1.2-.8-2.1-1.9-2.4zm-.6 3.5c-.6 0-1.2-.5-1.2-1.2s.5-1.2 1.2-1.2 1.2.5 1.2 1.2-.6 1.2-1.2 1.2z"/></g></svg>
|
||||
{{/if}}
|
||||
|
||||
{{#if isAPI}}
|
||||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||
<g id="API">
|
||||
<path fill="#A7AEAE" d="M16.2,15.6H3.8c-0.8,0-1.5-0.7-1.5-1.6V8.5c0-0.8,0.7-1.6,1.5-1.6h0.3v-1c0-0.8,0.7-1.6,1.5-1.6h2.5
|
||||
c0.8,0,1.5,0.7,1.5,1.6v1h0.6v-1c0-0.8,0.7-1.6,1.5-1.6h2.6c0.8,0,1.5,0.7,1.5,1.6v1h0.5c0.8,0,1.5,0.7,1.5,1.6v5.6
|
||||
C17.6,14.9,17,15.6,16.2,15.6z M3.8,8.2c0,0-0.2,0.1-0.2,0.3v5.6c0,0,0,0.3,0.2,0.3h12.4c0,0,0.2-0.1,0.2-0.3V8.5
|
||||
c0,0,0-0.3-0.2-0.3H15c-0.4,0-0.6-0.3-0.6-0.6V5.9c0,0,0-0.3-0.2-0.3h-2.6c0,0-0.2,0.1-0.2,0.3v1.6c0,0.4-0.3,0.6-0.6,0.6H8.9
|
||||
c-0.4,0-0.6-0.3-0.6-0.6V5.9c0,0,0-0.3-0.2-0.3H5.6c0,0-0.2,0.1-0.2,0.3v1.6c0,0.4-0.3,0.6-0.6,0.6H3.8z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170.08 170.08"><path fill="#A7AEAE" d="M137.765 132.663H32.315c-6.803 0-12.756-5.953-12.756-13.607V72.284c0-6.803 5.952-13.606 12.755-13.606h2.55v-8.504c0-6.803 5.954-13.606 12.757-13.606h21.26c6.803 0 12.756 5.953 12.756 13.606v8.504h5.103v-8.504c0-6.803 5.954-13.606 12.757-13.606h22.11c6.804 0 12.756 5.953 12.756 13.606v8.504h4.252c6.804 0 12.756 5.953 12.756 13.606v47.622c-1.7 6.804-6.803 12.757-13.605 12.757zm-105.45-62.93s-1.7.85-1.7 2.55v47.623s0 2.552 1.7 2.552h105.45s1.7-.85 1.7-2.552V72.284s0-2.55-1.7-2.55H127.56c-3.4 0-5.102-2.552-5.102-5.104V50.174s0-2.55-1.7-2.55h-22.11s-1.7.85-1.7 2.55V63.78c0 3.4-2.553 5.102-5.105 5.102H75.686c-3.4 0-5.103-2.55-5.103-5.102V50.174s0-2.55-1.7-2.55h-21.26s-1.702.85-1.702 2.55V63.78c0 3.4-2.55 5.102-5.1 5.102h-8.505v.85z"/></svg>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -1,30 +1,37 @@
|
|||
<div class="tile-status tile-status--job">
|
||||
<span class="icon icon--job {{requestClass}}"></span>
|
||||
<div class="row-item">
|
||||
{{status-icon status=requestClass}}
|
||||
</div>
|
||||
|
||||
<p class="jobs-item requests-time column">{{format-time request.created_at}}</p>
|
||||
|
||||
<p class="jobs-item requests-branch column">
|
||||
<span class="icon icon--grey {{type}}"></span>
|
||||
<div class="row-item fade-out {{requestClass}}">
|
||||
{{request-icon event=request.event_type state=requestClass}}
|
||||
{{#if request.isPullRequest}}
|
||||
<strong>#{{request.pullRequestNumber}}</strong>
|
||||
<strong class="label-align">#{{request.pullRequestNumber}}</strong>
|
||||
{{else}}
|
||||
<strong>{{request.branchName}}</strong>
|
||||
{{#if hasBranchName}}
|
||||
<strong class="label-align">{{request.branchName}}</strong>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
{{github-commit-link request.repo.slug request.commit.sha}}
|
||||
</p>
|
||||
<span class="label-align">{{github-commit-link request.repo.slug request.commit.sha}}</span>
|
||||
</div>
|
||||
|
||||
<p class="jobs-item requests-commit column">
|
||||
<div class="row-item fade-out">
|
||||
<span class="icon-calendar"></span>
|
||||
<span class="label-align">{{format-time request.created_at}}</span></div>
|
||||
|
||||
<div class="row-item fade-out">
|
||||
{{{format-message request.commit.message short="true" repoBinding=request.build.repo}}}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<p class="jobs-item requests-build column">
|
||||
<div class="row-item">
|
||||
{{#if request.build}}
|
||||
<span class="icon icon-hash"></span>
|
||||
{{#link-to "build" request.build}}
|
||||
{{request.build.number}}{{/link-to}}
|
||||
<span class="icon-hash"></span>
|
||||
<span class="label-align">{{request.build.number}}</span>{{/link-to}}
|
||||
{{else}}
|
||||
-
|
||||
{{/if}}
|
||||
</p>
|
||||
<p class="jobs-item requests-message column">{{message}}</p>
|
||||
</div>
|
||||
|
||||
<div class="row-item fade-out">
|
||||
<span class="label-align">{{message}}</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<span class="icon icon--eye"></span>{{buttonLabel}}
|
||||
{{buttonLabel}}
|
||||
|
|
|
|||
|
|
@ -7,8 +7,8 @@
|
|||
{{#if isEditing}}
|
||||
{{partial 'env_vars/form'}}
|
||||
{{else}}
|
||||
<a href="#" class="edit-var" {{action "edit"}}>Edit</a>
|
||||
<a href="#" {{action "delete"}} class="delete-var {{if isDeleting 'deleting'}}">
|
||||
<a class="edit-var" {{action "edit"}} title="Edit env var">Edit</a>
|
||||
<a {{action "delete"}} class="delete-var {{if isDeleting 'deleting'}}" title="Delete env var">
|
||||
Delete
|
||||
</a>
|
||||
<span class="name">{{name}}</span>
|
||||
|
|
|
|||
|
|
@ -1,39 +1,34 @@
|
|||
<div class="row">
|
||||
|
||||
{{#if config.pro}}
|
||||
<div class="small-6 medium-4 large-4 columns">
|
||||
<img src="/images/dashboard/footer-logo.svg">
|
||||
<footer class="footer">
|
||||
<div class="inner">
|
||||
<div class="footer-elem">
|
||||
<img src="/images/ui/footer-logo.svg">
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="small-6 medium-6 large-6 columns">
|
||||
<img src="/images/dashboard/footer-logo.svg">
|
||||
<div class="footer-elem">
|
||||
<h3>©Travis CI, GmbH</h3>
|
||||
<p>Rigaer Straße 8<br>10247 Berlin, Germany <br>
|
||||
<a href="http://docs.travis-ci.com/imprint.html">Imprint</a></p>
|
||||
</div>
|
||||
<div class="footer-elem">
|
||||
<h3>Help</h3>
|
||||
<ul>
|
||||
<li><a href="/docs">Documentation</a></li>
|
||||
<li><a href="http://blog.travis-ci.com/">Blog</a></li>
|
||||
<li><a href="mailto:enterprise@travis-ci.com">Email</a></li>
|
||||
<li><a href="https://twitter.com/travisci">Twitter</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
{{#if config.pro}}
|
||||
<div class="footer-elem">
|
||||
<h3>Legal</h3>
|
||||
<ul>
|
||||
<li><a href="http://docs.travis-ci.com/imprint.html">Imprint</a></li>
|
||||
<li><a href="https://billing.travis-ci.com/pages/terms">Terms of Service</a></li>
|
||||
<li><a href="https://billing.travis-ci.com/pages/security">Security Statement</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="footer-elem">
|
||||
{{travis-status}}
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="small-6 medium-2 large-2 columns">
|
||||
<h3>©Travis CI, GmbH</h3>
|
||||
<p>Rigaer Straße 8<br>10247 Berlin, Germany</p>
|
||||
</div>
|
||||
|
||||
<div class="small-6 medium-2 large-2 columns">
|
||||
<h3>Help</h3>
|
||||
<ul>
|
||||
<li><a href="http://docs.travis-ci.com/">Documentation</a></li>
|
||||
<li><a href="http://blog.travis-ci.com/">Blog</a></li>
|
||||
<li><a href="mailto:support@travis-ci.com">Email</a></li>
|
||||
<li><a href="https://twitter.com/travisci">Twitter</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
{{#if config.pro}}
|
||||
<div class="small-6 medium-2 large-2 columns">
|
||||
<h3>Legal</h3>
|
||||
<ul>
|
||||
<li><a href="http://docs.travis-ci.com/imprint.html">Imprint</a></li>
|
||||
<li><a href="https://billing.travis-ci.com/pages/terms">Terms of Service</a></li>
|
||||
<li><a href="https://billing.travis-ci.com/pages/security">Security Statement</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="small-6 medium-2 large-2 columns">
|
||||
{{travis-status}}
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -1,65 +1,6 @@
|
|||
{{#if job.isLoaded}}
|
||||
|
||||
<section class="tile tile--pass row {{job.state}}" {{!-- id="new-summary" --}}>
|
||||
<div class="tile-status">
|
||||
<span class="icon icon-status {{job.state}}" title={{job.state}}></span>
|
||||
<span class="request-kind {{job.build.eventType}} icon" title={{job.build.eventType}}></span>
|
||||
</div>
|
||||
|
||||
<div class="tile-main medium-8 columns">
|
||||
<h2 class="repo-main-commit">
|
||||
<small class="repo-main-branch" title={{job.commit.branch}}>{{job.commit.branch}}</small>
|
||||
{{format-message job.commit.subject repoBinding=job.repo}}
|
||||
</h2>
|
||||
<div class="repo-main-description">
|
||||
<pre class="body">{{format-message job.commit.body repoBinding=job.repo pre=true}}</pre>
|
||||
</div>
|
||||
<div class="tile-author">
|
||||
{{#if job.commit.authorName}}
|
||||
<img src={{view.urlAuthorGravatarImage}} />{{job.commit.authorName}} authored{{#if job.commit.authorIsCommitter}} and committed{{/if}}
|
||||
{{/if}}
|
||||
{{#unless job.commit.authorIsCommitter}}
|
||||
{{#if job.commit.committerName}}
|
||||
<img src={{view.urlCommitterGravatarImage}} />{{job.commit.committerName}} committed
|
||||
{{/if}}
|
||||
{{/unless}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tile-additional medium-4 columns end">
|
||||
<ul class="repo-main-info">
|
||||
<li class="repo-build-status">
|
||||
{{#link-to "job" repo job}}
|
||||
<span class="icon icon--hash"></span>
|
||||
{{job.number}} {{humanize-state job.state}}
|
||||
{{/link-to}}
|
||||
</li>
|
||||
<li>
|
||||
<a class="commit" href={{controller.urlGithubCommit}}><span class="icon icon--github"></span> Commit {{format-sha job.commit.sha}}</a>
|
||||
</li>
|
||||
<li>
|
||||
{{#if job.build.pullRequest}}
|
||||
<div class="compare"><a class="compare" href={{job.commit.compareUrl}}><span class="icon icon--github"></span> #{{job.build.pullRequestNumber}}: {{job.build.pullRequestTitle}}</a></div>
|
||||
{{else}}
|
||||
{{#if job.build.commit.compareUrl}}
|
||||
<div class="compare"><a class="compare" href={{job.commit.compareUrl}}><span class="icon icon--github"></span> Compare {{short-compare-shas job.build.commit.compareUrl}}</a></div>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
</li>
|
||||
<li>
|
||||
<span class="icon icon--clock"></span>
|
||||
{{#if job.isFinished}}ran{{else}}running{{/if}} for {{format-duration job.duration}}
|
||||
</li>
|
||||
<li>
|
||||
<span class="icon icon--cal"></span>
|
||||
{{format-time job.finishedAt}}
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
{{repo-actions job=job repo=job.repo user=auth.currentUser}}
|
||||
|
||||
</div>
|
||||
</section>
|
||||
{{build-header item=job user=auth.currentUser commit=job.commit}}
|
||||
|
||||
{{view 'annotations' annotations=view.annotations}}
|
||||
|
||||
|
|
|
|||
|
|
@ -6,6 +6,4 @@
|
|||
|
||||
{{yield}}
|
||||
|
||||
<footer class="landing-footer">
|
||||
{{render "footer"}}
|
||||
</footer>
|
||||
{{render "footer"}}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
</div>
|
||||
<div class="owner-info">
|
||||
<h1 class="owner-title">{{owner.name}}</h1>
|
||||
<p class="owner-handle"><a href={{githubProfile}} title=""><span class="icon icon--github-circle"></span> {{owner.login}}</a></p>
|
||||
<p class="owner-handle"><a href={{githubProfile}} title="{{owner.name}} on GitHub"><span class="icon-github-circle"></span><span class="label-align">{{owner.login}}</span></a></p>
|
||||
{{!-- {{owner-sync-button owner=owner}} --}}
|
||||
</div>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -1,44 +1,42 @@
|
|||
<div id="repo" class="{{view.className}} repo">
|
||||
|
||||
{{#if view.isEmpty}}
|
||||
{{repos-empty}}
|
||||
{{else}}
|
||||
{{#if view.isEmpty}}
|
||||
{{repos-empty}}
|
||||
{{else}}
|
||||
|
||||
{{#if repo.isLoaded}}
|
||||
<article id="repo-header" class="repo-header passed">
|
||||
<header>
|
||||
<h1 class="repo-header-title">{{#link-to "owner" repo.owner}}{{repo.owner}}{{/link-to}} / {{#link-to "repo" repo}}{{repo.name}}{{/link-to}}</h1>
|
||||
<div class="repo-header-icons">
|
||||
<a href={{controller.urlGithub}}><span class="icon icon--github-circle"></span></a>
|
||||
<a href="#" id="status-image-popup" name="status-images" class="open-popup" {{action "statusImages" target=view}}>
|
||||
<img src={{view.statusImageUrl}} title="Build Status Images"/>
|
||||
</a>
|
||||
</div>
|
||||
<p class="description">{{description}}</p>
|
||||
</header>
|
||||
<div class="repo-menus">
|
||||
<div class="repo-menu-header">
|
||||
{{repo-show-tools repo=repo build=build job=job tab=tab currentUser=auth.currentUser}}
|
||||
{{#if repo.isLoaded}}
|
||||
<article class="repo-header">
|
||||
<header>
|
||||
<h1 class="repo-title">{{#link-to "owner" repo.owner}}{{repo.owner}}{{/link-to}} / {{#link-to "repo" repo}}{{repo.name}}{{/link-to}}</h1>
|
||||
<div class="repo-gh">
|
||||
<a href="{{controller.urlGithub}}" title="{{repo.name}} on Github">{{repo.name}} on Github</a>
|
||||
</div>
|
||||
<div class="repo-badge">
|
||||
<a href="#" id="status-image-popup" title="build status image" name="status-images" class="open-popup" {{action "statusImages" target=view}}>
|
||||
<img src={{view.statusImageUrl}} alt="Build Status Images"/>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
<main class="repo-main">
|
||||
<div class="repo-navigation">
|
||||
{{repo-show-tools repo=repo build=build job=job tab=tab currentUser=auth.currentUser}}
|
||||
|
||||
{{repo-show-tabs repo=repo tab=tab build=build job=job}}
|
||||
</div>
|
||||
<div class="tabbody repo-main">
|
||||
{{#if repo.active}}
|
||||
{{repo-show-tabs repo=repo tab=tab build=build job=job}}
|
||||
</div>
|
||||
<div class="tabbody repo-body">
|
||||
{{#if repo.active}}
|
||||
{{outlet}}
|
||||
{{else}}
|
||||
{{#if repo.lastBuildId}}
|
||||
{{outlet}}
|
||||
{{else}}
|
||||
{{#if repo.lastBuildId}}
|
||||
{{outlet}}
|
||||
{{else}}
|
||||
{{not-active user=currentUser repo=repo}}
|
||||
{{/if}}
|
||||
{{not-active user=currentUser repo=repo}}
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</article>
|
||||
|
||||
{{else}}
|
||||
{{loading-indicator}}
|
||||
{{/if}}
|
||||
</main>
|
||||
</article>
|
||||
|
||||
{{else}}
|
||||
{{loading-indicator}}
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{{#if config.pro}}
|
||||
<div class="travis-lint">
|
||||
<div class="helptext">
|
||||
<p>Travis Lint for clean .yml files
|
||||
<a href={{lintUrl}}>lint.travis-ci.org/{{repo.slug}}</a>
|
||||
<a href={{lintUrl}} title="Travis WebLint">lint.travis-ci.org/{{repo.slug}}</a>
|
||||
</p>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="actions">
|
||||
<a href="#" {{action "delete"}} class="delete-ssh-key {{if isDeleting 'deleting'}}">
|
||||
<a {{action "delete"}} class="delete-ssh-key {{if isDeleting 'deleting'}}" title="Delete SSH key">
|
||||
Delete
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -27,5 +27,5 @@
|
|||
The default key's fingerprint is <code>{{defaultKey.fingerprint}}</code>
|
||||
</p>
|
||||
|
||||
<a {{action "add"}} href="#" class="add-ssh-key">Add a custom SSH key</a>
|
||||
<a {{action "add"}} class="add-ssh-key" title="Add a custom SSH key">Add a custom SSH key</a>
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -1,11 +0,0 @@
|
|||
<?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="63.279px" height="62.667px" viewBox="0 0 63.279 62.667" enable-background="new 0 0 63.279 62.667" xml:space="preserve">
|
||||
<path fill="#D0CFCE" d="M48.08,14.523c-1.927-7.34-8.604-12.754-16.55-12.754S16.906,7.184,14.98,14.523H1.529v8.533h13.403
|
||||
c1.862,7.431,8.587,12.936,16.597,12.936s14.732-5.504,16.596-12.936h13.404v-8.533H48.08z M31.529,27.457
|
||||
c-3.229,0-6.042-1.774-7.521-4.401c-0.7-1.248-1.103-2.688-1.103-4.221c0-1.571,0.42-3.043,1.154-4.312
|
||||
c1.489-2.577,4.275-4.312,7.469-4.312s5.978,1.733,7.469,4.312c0.734,1.27,1.154,2.741,1.154,4.312c0,1.534-0.401,2.974-1.104,4.221
|
||||
C37.571,25.683,34.758,27.457,31.529,27.457z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1009 B |
|
|
@ -1,12 +0,0 @@
|
|||
<?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="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||
<path fill="#5FA5A4" d="M18.875,5.062C18.875,5.58,18.455,6,17.938,6H2.188C1.67,6,1.25,5.58,1.25,5.062l0,0
|
||||
c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,4.125,18.875,4.545,18.875,5.062L18.875,5.062z"/>
|
||||
<path fill="#5FA5A4" d="M18.875,9.875c0,0.518-0.42,0.938-0.938,0.938H2.188c-0.518,0-0.938-0.42-0.938-0.938l0,0
|
||||
c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,8.938,18.875,9.357,18.875,9.875L18.875,9.875z"/>
|
||||
<path fill="#5FA5A4" d="M18.875,14.688c0,0.518-0.42,0.938-0.938,0.938H2.188c-0.518,0-0.938-0.42-0.938-0.938l0,0
|
||||
c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,13.75,18.875,14.17,18.875,14.688L18.875,14.688z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
|
@ -1,12 +0,0 @@
|
|||
<?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="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||
<path fill="#A19F9F" d="M18.875,5.062C18.875,5.58,18.455,6,17.938,6H2.188C1.67,6,1.25,5.58,1.25,5.062l0,0
|
||||
c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,4.125,18.875,4.545,18.875,5.062L18.875,5.062z"/>
|
||||
<path fill="#A19F9F" d="M18.875,9.875c0,0.518-0.42,0.938-0.938,0.938H2.188c-0.518,0-0.938-0.42-0.938-0.938l0,0
|
||||
c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,8.938,18.875,9.357,18.875,9.875L18.875,9.875z"/>
|
||||
<path fill="#A19F9F" d="M18.875,14.688c0,0.518-0.42,0.938-0.938,0.938H2.188c-0.518,0-0.938-0.42-0.938-0.938l0,0
|
||||
c0-0.518,0.42-0.938,0.938-0.938h15.75C18.455,13.75,18.875,14.17,18.875,14.688L18.875,14.688z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
|
@ -1,22 +0,0 @@
|
|||
<?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="73px" height="73px" viewBox="0 0 73 73" enable-background="new 0 0 73 73" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#9B9A89" d="M60.605,10.441V6.577c0-3.805-2.4-6.077-6.422-6.077c-4.022,0-6.423,2.272-6.423,6.077v3.864H43.41V6.577
|
||||
c0-3.805-2.4-6.077-6.42-6.077c-4.021,0-6.422,2.272-6.422,6.077v3.864h-4.351V6.577c0-3.805-2.4-6.077-6.422-6.077
|
||||
c-4.021,0-6.422,2.272-6.422,6.077v3.864H6V72.34h61.898V10.441H60.605z M51.201,6.577c0-1.878,0.859-2.639,2.982-2.639
|
||||
s2.981,0.761,2.981,2.639v10.336c0,1.877-0.858,2.639-2.981,2.639s-2.982-0.762-2.982-2.639V6.577z M34.006,6.577
|
||||
c0-1.878,0.86-2.639,2.983-2.639c2.122,0,2.983,0.761,2.983,2.639v10.336c0,1.877-0.861,2.639-2.983,2.639
|
||||
c-2.123,0-2.983-0.762-2.983-2.639V6.577z M16.812,6.577c0-1.878,0.86-2.639,2.983-2.639c2.122,0,2.982,0.761,2.982,2.639v10.336
|
||||
c0,1.877-0.86,2.639-2.982,2.639c-2.123,0-2.983-0.762-2.983-2.639V6.577z M59.737,65.18H14.162V24.196h45.575V65.18z"/>
|
||||
<path fill="#9B9A89" d="M52.984,49.638c0-3.279-2.211-5.095-6.078-6.201v-0.078c3.474-1.185,5.367-3.08,5.367-6.041
|
||||
c0-3-2.961-5.369-8.053-5.369c-2.408,0-4.937,0.315-7.068,1.304l0.592,4.343c1.62-0.791,3.357-1.303,5.135-1.303
|
||||
c2.764,0,3.514,0.947,3.514,2.367c0,2.055-1.976,2.963-5.33,3.197v4.345c4.855,0.276,6.436,1.303,6.436,3.79
|
||||
c0,1.816-1.737,3.197-4.421,3.197c-2.214,0-3.949-0.314-6.041-1.105l-0.593,4.344c1.698,0.672,3.948,1.105,6.081,1.105
|
||||
C48.404,57.531,52.984,54.808,52.984,49.638z"/>
|
||||
<polygon fill="#9B9A89" points="26.115,38.778 26.115,57.138 31.406,57.138 31.406,32.344 28.762,32.344 21.18,36.093
|
||||
21.771,40.437 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.9 KiB |
|
|
@ -1,13 +0,0 @@
|
|||
<?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="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
|
||||
<path fill="#9B9A89" d="M13.507,0.132c0,0-0.824-0.27-2.705,1.037c-0.788-0.224-1.633-0.335-2.47-0.339
|
||||
c-0.837,0.003-1.684,0.115-2.47,0.337C3.981-0.139,3.154,0.131,3.154,0.131C2.618,1.524,2.953,2.552,3.056,2.809
|
||||
C2.429,3.517,2.043,4.417,2.043,5.522c0,3.873,2.298,4.74,4.489,4.994c-0.283,0.253-0.539,0.699-0.624,1.353
|
||||
c-0.564,0.256-1.994,0.702-2.869-0.84c0,0-0.521-0.969-1.512-1.042c0,0-0.962-0.013-0.066,0.612c0,0,0.645,0.311,1.095,1.479
|
||||
c0,0,0.579,1.965,3.322,1.356c0,0.843,0.012,1.48,0.012,1.719c0,0.269,0.428,0.639,1.991,0.69l1.402,0.023
|
||||
c-0.205-0.069,1.46,0.108,1.492-0.714c0.013-0.333,0.009-1.421,0.009-2.772c0-0.944-0.311-1.558-0.666-1.873
|
||||
c2.195-0.249,4.499-1.105,4.499-4.986c0-1.103-0.383-2.003-1.011-2.713C13.708,2.552,14.046,1.524,13.507,0.132z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.2 KiB |
|
|
@ -1,18 +0,0 @@
|
|||
<?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="76.915px" height="17.987px" viewBox="0 0 76.915 17.987" enable-background="new 0 0 76.915 17.987" xml:space="preserve">
|
||||
<rect fill="#5F965F" width="5.001" height="17.987"/>
|
||||
<rect x="6.543" y="2.002" fill="#B09857" width="4.995" height="15.985"/>
|
||||
<rect x="13.081" y="14.958" fill="#B09857" width="4.995" height="3.029"/>
|
||||
<rect x="19.619" y="10.008" fill="#BFB460" width="4.995" height="7.979"/>
|
||||
<rect x="26.156" fill="#5F965F" width="4.995" height="17.987"/>
|
||||
<rect x="32.694" fill="#5F965F" width="4.995" height="17.987"/>
|
||||
<rect x="39.231" y="6.004" fill="#A9AB5E" width="4.995" height="11.983"/>
|
||||
<rect x="45.769" y="5.951" fill="#C16645" width="4.995" height="12.036"/>
|
||||
<rect x="52.307" y="0.946" fill="#BA4C3C" width="4.995" height="17.041"/>
|
||||
<rect x="58.845" y="15.959" fill="#C1AE5D" width="4.995" height="2.028"/>
|
||||
<rect x="65.382" y="7.007" fill="#B5AF5F" width="4.995" height="10.98"/>
|
||||
<rect x="71.92" y="2.002" fill="#95A55E" width="4.995" height="15.985"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB |
|
|
@ -1,12 +0,0 @@
|
|||
<?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="12px" height="12px" viewBox="-1.667 0 12 12" enable-background="new -1.667 0 12 12" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#ADAC99" d="M7.647,5.239V3.27c0-1.806-1.463-3.269-3.271-3.269C4.357,0.001,4.34-0.001,4.316,0
|
||||
C4.299,0,4.275,0.001,4.258,0.001c-1.805,0-3.269,1.464-3.269,3.27V5.24h-1.156V12h9V5.239H7.647z M2.624,3.271
|
||||
c0-0.9,0.732-1.637,1.634-1.637c0.024,0,0.08-0.001,0.08-0.001s0.025,0.001,0.041,0.001c0.899,0,1.632,0.735,1.632,1.636v1.97
|
||||
H2.624V3.271z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 861 B |
|
|
@ -1,13 +0,0 @@
|
|||
<?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="19px" height="19px" viewBox="0 0 19 19" enable-background="new 0 0 19 19" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#C1C1C0" d="M18.002,15.821L13.181,11c0.66-1.055,1.042-2.303,1.042-3.635c0-3.791-3.072-6.865-6.864-6.865
|
||||
c-3.79,0-6.864,3.074-6.864,6.865c0,3.79,3.074,6.863,6.864,6.863c1.341,0,2.596-0.387,3.652-1.053l4.818,4.818
|
||||
c0.333,0.332,0.766,0.506,1.197,0.506c0.002,0,0.003,0,0.005,0c0.377,0,0.76-0.14,1.047-0.426c0.292-0.291,0.429-0.676,0.428-1.056
|
||||
C18.506,16.587,18.334,16.152,18.002,15.821z M11.187,7.365c-0.003,2.107-1.718,3.823-3.828,3.827
|
||||
c-2.109-0.004-3.823-1.72-3.827-3.827C3.535,5.256,5.249,3.54,7.358,3.536C9.469,3.54,11.184,5.256,11.187,7.365z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.0 KiB |
|
|
@ -1,8 +0,0 @@
|
|||
<?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="20px" height="19.988px" viewBox="0 0 20 19.988" enable-background="new 0 0 20 19.988" xml:space="preserve">
|
||||
<polygon fill="#D2D2C7" points="13.69,12.119 20,7.956 12.213,7.951 10,0 7.787,7.951 0,7.956 6.333,12.131 3.936,19.988
|
||||
10.016,14.81 16.372,19.987 "/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 634 B |
|
|
@ -1,8 +0,0 @@
|
|||
<?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="20px" height="19.988px" viewBox="0 0 20 19.988" enable-background="new 0 0 20 19.988" xml:space="preserve">
|
||||
<polygon fill="#EAC27E" points="13.69,12.119 20,7.956 12.213,7.951 10,0 7.787,7.951 0,7.956 6.333,12.131 3.936,19.988
|
||||
10.016,14.81 16.372,19.987 "/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 634 B |
|
|
@ -1,10 +0,0 @@
|
|||
<?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="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||
<path fill="#FFFFFF" d="M9.937,0C4.45,0,0,4.449,0,9.937c0,5.487,4.45,9.938,9.937,9.938c5.489,0,9.937-4.45,9.937-9.938
|
||||
S15.426,0,9.937,0z M4.582,10c0-0.943,0.244-1.829,0.668-2.602l0.025-0.001l7.335,7.335c-0.775,0.431-1.661,0.686-2.61,0.686
|
||||
C7.008,15.417,4.582,12.992,4.582,10z M14.742,12.603l-0.018,0.001L7.387,5.266l0-0.01C8.162,4.829,9.052,4.583,10,4.583
|
||||
c2.991,0,5.417,2.425,5.417,5.417C15.417,11.038,14.828,12.388,14.742,12.603z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 909 B |
|
|
@ -1,10 +0,0 @@
|
|||
<?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="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||
<path fill="#FFFFFF" d="M9.916,0C4.44,0,0,4.44,0,9.916c0,5.475,4.44,9.916,9.916,9.916c5.475,0,9.916-4.44,9.916-9.916
|
||||
C19.831,4.44,15.391,0,9.916,0z M10.207,16.729c-0.796,0-1.428-0.631-1.428-1.426c0-0.797,0.632-1.43,1.428-1.43
|
||||
c0.795,0,1.428,0.633,1.428,1.43C11.635,16.099,11.002,16.729,10.207,16.729z M11.219,12.972H9.194L8.513,4.73H11.9L11.219,12.972z"
|
||||
/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 831 B |
|
|
@ -1,9 +0,0 @@
|
|||
<?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="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||
<path fill="#FFFFFF" d="M9.916,0C4.44,0,0,4.44,0,9.916c0,5.475,4.44,9.916,9.916,9.916c5.475,0,9.916-4.44,9.916-9.916
|
||||
C19.831,4.44,15.391,0,9.916,0z M15.171,13.097l-2.187,2.187l-2.771-2.771l-2.771,2.771l-2.187-2.187l2.771-2.771L5.255,7.554
|
||||
l2.186-2.186l2.772,2.771l2.771-2.771l2.187,2.186l-2.771,2.771L15.171,13.097z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 792 B |
|
|
@ -1,11 +0,0 @@
|
|||
<?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="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||
<path fill="#FFFFFF" d="M9.578,0C4.288,0,0,4.289,0,9.578s4.288,9.578,9.578,9.578c5.289,0,9.578-4.289,9.578-9.578
|
||||
S14.866,0,9.578,0z M14.736,6.703l-4.74,7.435c-0.135,0.216-0.45,0.434-0.697,0.487l-0.523,0.113
|
||||
c-0.247,0.054-0.625-0.015-0.836-0.153L4.46,12.319c-0.212-0.137-0.274-0.426-0.137-0.639l0.879-1.376
|
||||
c0.136-0.214,0.423-0.275,0.635-0.139l2.221,1.435c0.213,0.138,0.499,0.075,0.636-0.139l3.905-6.13
|
||||
c0.139-0.214,0.424-0.277,0.637-0.14l1.359,0.875C14.808,6.202,14.873,6.49,14.736,6.703z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 967 B |
|
|
@ -1,11 +0,0 @@
|
|||
<?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="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||
<path fill="#FFFFFF" d="M10.006,0.1C4.552,0.1,0.13,4.522,0.13,9.976s4.422,9.875,9.876,9.875c5.452,0,9.874-4.422,9.874-9.875
|
||||
S15.458,0.1,10.006,0.1z M4.734,11.951c-1.091,0-1.975-0.885-1.975-1.975s0.883-1.975,1.975-1.975c1.091,0,1.975,0.885,1.975,1.975
|
||||
S5.825,11.951,4.734,11.951z M10.004,11.951c-1.09,0-1.974-0.885-1.974-1.975s0.884-1.975,1.974-1.975
|
||||
c1.093,0,1.978,0.885,1.978,1.975S11.097,11.951,10.004,11.951z M15.276,11.951c-1.09,0-1.975-0.885-1.975-1.975
|
||||
s0.885-1.975,1.975-1.975c1.092,0,1.975,0.885,1.975,1.975S16.368,11.951,15.276,11.951z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1023 B |
|
|
@ -1,14 +0,0 @@
|
|||
<?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="73px" height="73px" viewBox="0 0 73 73" enable-background="new 0 0 73 73" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#9B9A89" d="M36.5,0.5c-19.882,0-36,16.117-36,36s16.118,36,36,36s36-16.117,36-36S56.382,0.5,36.5,0.5z M36.5,63.5
|
||||
c-14.888,0-27-12.111-27-27c0-14.888,12.112-27,27-27c14.889,0,27,12.112,27,27C63.5,51.389,51.389,63.5,36.5,63.5z"/>
|
||||
<path fill="#9B9A89" d="M53.967,44.568l-14.24-9.619V18.393c0-0.396-0.16-0.782-0.438-1.062c-0.279-0.279-0.666-0.439-1.062-0.439
|
||||
h-3.938c-0.396,0-0.781,0.16-1.061,0.439c-0.279,0.28-0.439,0.667-0.439,1.062v19.552c0,0.396,0.16,0.781,0.439,1.062
|
||||
c0.113,0.113,0.244,0.207,0.387,0.278l16.592,11.113c0.25,0.166,0.539,0.254,0.832,0.254c0.106,0,0.213-0.012,0.317-0.034
|
||||
c0.397-0.084,0.74-0.326,0.957-0.673l2.088-3.34C54.828,45.922,54.636,45.02,53.967,44.568z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.2 KiB |
|
|
@ -1,10 +1,16 @@
|
|||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||
<g id="API">
|
||||
<path fill="#A7AEAE" d="M16.2,15.6H3.8c-0.8,0-1.5-0.7-1.5-1.6V8.5c0-0.8,0.7-1.6,1.5-1.6h0.3v-1c0-0.8,0.7-1.6,1.5-1.6h2.5
|
||||
c0.8,0,1.5,0.7,1.5,1.6v1h0.6v-1c0-0.8,0.7-1.6,1.5-1.6h2.6c0.8,0,1.5,0.7,1.5,1.6v1h0.5c0.8,0,1.5,0.7,1.5,1.6v5.6
|
||||
C17.6,14.9,17,15.6,16.2,15.6z M3.8,8.2c0,0-0.2,0.1-0.2,0.3v5.6c0,0,0,0.3,0.2,0.3h12.4c0,0,0.2-0.1,0.2-0.3V8.5
|
||||
c0,0,0-0.3-0.2-0.3H15c-0.4,0-0.6-0.3-0.6-0.6V5.9c0,0,0-0.3-0.2-0.3h-2.6c0,0-0.2,0.1-0.2,0.3v1.6c0,0.4-0.3,0.6-0.6,0.6H8.9
|
||||
c-0.4,0-0.6-0.3-0.6-0.6V5.9c0,0,0-0.3-0.2-0.3H5.6c0,0-0.2,0.1-0.2,0.3v1.6c0,0.4-0.3,0.6-0.6,0.6H3.8z"/>
|
||||
</g>
|
||||
<?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="170.08px" height="170.08px" viewBox="0 0 170.08 170.08" enable-background="new 0 0 170.08 170.08" xml:space="preserve">
|
||||
<g id="API">
|
||||
<path fill="#A7AEAE" d="M137.765,132.663H32.315c-6.803,0-12.756-5.953-12.756-13.607V72.284c0-6.803,5.953-13.606,12.756-13.606
|
||||
h2.551v-8.504c0-6.803,5.953-13.606,12.756-13.606h21.26c6.803,0,12.756,5.953,12.756,13.606v8.504h5.103v-8.504
|
||||
c0-6.803,5.953-13.606,12.756-13.606h22.11c6.804,0,12.756,5.953,12.756,13.606v8.504h4.252c6.804,0,12.756,5.953,12.756,13.606
|
||||
v47.622C149.671,126.71,144.567,132.663,137.765,132.663z M32.315,69.733c0,0-1.701,0.85-1.701,2.551v47.622
|
||||
c0,0,0,2.552,1.701,2.552h105.449c0,0,1.701-0.851,1.701-2.552V72.284c0,0,0-2.551-1.701-2.551H127.56
|
||||
c-3.4,0-5.102-2.551-5.102-5.103V50.174c0,0,0-2.551-1.701-2.551h-22.11c0,0-1.7,0.85-1.7,2.551V63.78
|
||||
c0,3.401-2.552,5.102-5.104,5.102H75.686c-3.401,0-5.103-2.551-5.103-5.102V50.174c0,0,0-2.551-1.701-2.551h-21.26
|
||||
c0,0-1.701,0.85-1.701,2.551V63.78c0,3.401-2.551,5.102-5.102,5.102h-8.504V69.733z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 753 B After Width: | Height: | Size: 1.4 KiB |
11
public/images/line-icons/icon-arrow-down.svg
Normal file
11
public/images/line-icons/icon-arrow-down.svg
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<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"
|
||||
viewBox="0 0 12.1 15" style="enable-background:new 0 0 12.1 15;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#949899;}
|
||||
</style>
|
||||
<path id="downarrow" class="st0" d="M12,8.5c-0.2-0.2-0.6-0.2-0.8,0L6.7,13V0.6C6.7,0.3,6.4,0,6.1,0C5.7,0,5.5,0.3,5.5,0.6V13L1,8.5
|
||||
c-0.2-0.2-0.6-0.2-0.8,0c-0.2,0.2-0.2,0.6,0,0.8l5.5,5.5C5.8,14.9,5.9,15,6.1,15c0.2,0,0.3-0.1,0.4-0.2L12,9.4
|
||||
C12.2,9.1,12.2,8.7,12,8.5z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 689 B |
12
public/images/line-icons/icon-arrow-dropdown.svg
Normal file
12
public/images/line-icons/icon-arrow-dropdown.svg
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<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"
|
||||
viewBox="0 0 11 5.4" style="enable-background:new 0 0 11 5.4;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#949899;}
|
||||
</style>
|
||||
<g id="tabarrow_1_">
|
||||
<path class="st0" d="M0,0.5c0-0.1,0-0.2,0.1-0.3c0.2-0.2,0.5-0.2,0.7,0l4.8,4.2l4.7-4.2c0.2-0.2,0.5-0.2,0.7,0
|
||||
c0.2,0.2,0.2,0.5,0,0.7l-5,4.5c-0.2,0.2-0.4,0.2-0.6,0L0.2,0.8C0.1,0.7,0,0.6,0,0.5z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 642 B |
12
public/images/line-icons/icon-arrow-tabs.svg
Normal file
12
public/images/line-icons/icon-arrow-tabs.svg
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<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"
|
||||
viewBox="0 0 7.4 15" style="enable-background:new 0 0 7.4 15;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#949899;}
|
||||
</style>
|
||||
<g id="tabarrow">
|
||||
<path class="st0" d="M0.6,15c-0.2,0-0.3-0.1-0.4-0.2c-0.3-0.2-0.3-0.6-0.1-0.9l5.7-6.5L0.2,1.1c-0.2-0.3-0.2-0.7,0-0.9
|
||||
c0.3-0.2,0.7-0.2,0.9,0L7.2,7c0.2,0.2,0.2,0.6,0,0.8l-6.1,6.9C1,14.9,0.8,15,0.6,15z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 647 B |
|
|
@ -1,14 +1,23 @@
|
|||
<svg x="0px" y="0px" viewBox="0 0 20 20" xml:space="preserve">
|
||||
<g id="Cal">
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<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"
|
||||
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||
<g id="Cal">
|
||||
<g>
|
||||
<path fill="#A7AEAE" d="M16.7,2.5H3.3C3,2.5,2.8,2.7,2.8,3V17c0,0.3,0.2,0.5,0.5,0.5h13.4c0.3,0,0.5-0.2,0.5-0.5V3
|
||||
C17.2,2.7,17,2.5,16.7,2.5z M16.2,3.4v3.1H3.8V3.4H16.2z M3.8,16.6v-9h12.5v9H3.8z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path fill="#A7AEAE" d="M8.7,13.4c-0.1,0-0.3,0-0.4,0c0.2-0.2,0.4-0.4,0.5-0.6c0.2-0.2,0.3-0.4,0.5-0.6c0.1-0.2,0.2-0.4,0.3-0.6
|
||||
c0.1-0.2,0.1-0.4,0.1-0.6c0-0.2,0-0.4-0.1-0.6c-0.1-0.2-0.2-0.3-0.3-0.4C9.2,10,9.1,9.9,8.9,9.8C8.7,9.7,8.5,9.7,8.3,9.7
|
||||
C8,9.7,7.7,9.8,7.5,9.9C7.2,10,7,10.2,6.8,10.4L7.3,11c0.1-0.1,0.2-0.2,0.4-0.3c0.1-0.1,0.3-0.1,0.4-0.1c0.2,0,0.4,0.1,0.5,0.2
|
||||
c0.1,0.1,0.2,0.3,0.2,0.5c0,0.2,0,0.3-0.1,0.5c-0.1,0.2-0.2,0.4-0.4,0.6c-0.2,0.2-0.4,0.4-0.6,0.7c-0.2,0.2-0.5,0.5-0.8,0.8v0.6
|
||||
H10v-0.9H9.1C9,13.4,8.8,13.4,8.7,13.4z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path fill="#A7AEAE" d="M10.6,10.7h2c-0.2,0.3-0.4,0.6-0.5,0.8c-0.1,0.3-0.3,0.6-0.4,0.8c-0.1,0.3-0.2,0.6-0.2,0.9
|
||||
c0,0.3-0.1,0.7-0.1,1h1c0-0.4,0-0.8,0.1-1.2c0-0.3,0.1-0.7,0.2-0.9c0.1-0.3,0.2-0.6,0.4-0.9c0.2-0.3,0.4-0.6,0.6-0.9V9.8h-3.1
|
||||
V10.7z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.4 KiB |
|
|
@ -1,9 +1,18 @@
|
|||
<svg version="1.1" id="Layer_1" x="0px" y="0px"
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<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"
|
||||
viewBox="-289 191 20 20" style="enable-background:new -289 191 20 20;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#A5ACAD;}
|
||||
</style>
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#A5ACAD" class="st0" d="M-278.9,207.7c-3.7,0-6.7-3-6.7-6.7s3-6.7,6.7-6.7s6.7,3,6.7,6.7S-275.2,207.7-278.9,207.7z M-278.9,195.4
|
||||
<path class="st0" d="M-278.9,207.7c-3.7,0-6.7-3-6.7-6.7s3-6.7,6.7-6.7s6.7,3,6.7,6.7S-275.2,207.7-278.9,207.7z M-278.9,195.4
|
||||
c-3.1,0-5.6,2.5-5.6,5.6s2.5,5.6,5.6,5.6c3.1,0,5.6-2.5,5.6-5.6S-275.8,195.4-278.9,195.4z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st0" d="M-276.7,203.1c-0.1,0-0.2,0-0.3-0.1l-2.4-1.5c-0.2-0.1-0.2-0.3-0.2-0.4v-3.8c0-0.3,0.2-0.5,0.5-0.5
|
||||
s0.5,0.2,0.5,0.5v3.5l2.1,1.4c0.2,0.2,0.3,0.5,0.2,0.7C-276.4,203-276.5,203.1-276.7,203.1z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 619 B After Width: | Height: | Size: 899 B |
20
public/images/line-icons/icon-codeclimate.svg
Normal file
20
public/images/line-icons/icon-codeclimate.svg
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<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"
|
||||
viewBox="0 0 17.3 8.3" style="enable-background:new 0 0 17.3 8.3;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#8A8E8E;}
|
||||
</style>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<path class="st0" d="M0.7,8.3c-0.2,0-0.3-0.1-0.5-0.2c-0.3-0.3-0.3-0.7,0-0.9l5-5c0.2-0.2,0.7-0.2,0.9,0l5,5
|
||||
c0.3,0.3,0.3,0.7,0,0.9c-0.3,0.3-0.7,0.3-0.9,0L5.7,3.5L1.1,8.1C1,8.2,0.8,8.3,0.7,8.3z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st0" d="M16.7,6.3c-0.2,0-0.3-0.1-0.5-0.2l-4.6-4.6L9.9,3.3C9.7,3.5,9.3,3.5,9,3.3S8.8,2.6,9,2.4l2.2-2.2
|
||||
c0.2-0.2,0.7-0.2,0.9,0l5,5c0.3,0.3,0.3,0.7,0,0.9C17,6.2,16.8,6.3,16.7,6.3z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 879 B |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user