start flexboxify job list
implement Justine\'s feedback remove regenerate key popup styles add new icons, refactor request-icon component use correct property name
This commit is contained in:
Lisa P
parent
fd885304f6
commit
fe36e018ce
|
|
@ -7,15 +7,6 @@ JobsItemComponent = Ember.Component.extend
|
|||
classNameBindings: ['job.state']
|
||||
classNames: ['jobs-item']
|
||||
|
||||
isAnimating: (->
|
||||
state = @get('job.state')
|
||||
animationStates = ['received', 'queued', 'started', 'booting']
|
||||
|
||||
unless animationStates.indexOf(state) == -1
|
||||
true
|
||||
|
||||
).property('job.state')
|
||||
|
||||
languages: (->
|
||||
output = []
|
||||
|
||||
|
|
|
|||
|
|
@ -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`
|
||||
|
|
|
|||
|
|
@ -56,27 +56,12 @@
|
|||
|
||||
|
||||
// @todo simplyfiy coloring mixins
|
||||
|
||||
@mixin colorStatusIcons($color, $status)
|
||||
=colorStatusIcons($color, $status)
|
||||
.status-icon.#{$status}
|
||||
svg g > *
|
||||
fill: $color
|
||||
|
||||
// @mixin colorTiles($color, $status, $extra-bg: $color)
|
||||
// &.#{$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, $width, $color2: $color)
|
||||
=statusColors($color, $status, $width, $color2: $color)
|
||||
&.#{$status}
|
||||
background: linear-gradient(to right, $color2 0%, $color2 $width, white $width, white 100%) no-repeat
|
||||
.row-name,
|
||||
|
|
@ -98,10 +83,29 @@
|
|||
color: $color
|
||||
@include colorStatusIcons($color, $status)
|
||||
|
||||
@mixin colorRows($color, $status, $width, $color2: $color)
|
||||
=colorBg($color, $status, $width, $color2: white)
|
||||
&.#{$status}
|
||||
background: linear-gradient(to right, $color2 0%, $color2 $width, white $width, white 100%) no-repeat
|
||||
.#{$status},
|
||||
.#{$status} a,
|
||||
color: $color
|
||||
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)
|
||||
|
|
|
|||
|
|
@ -2,7 +2,33 @@
|
|||
|
||||
|
||||
.jobs-list
|
||||
margin: 0
|
||||
padding: 0
|
||||
list-style: none
|
||||
font-size: 16px
|
||||
|
||||
.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, rgba($grey, .1))
|
||||
@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)
|
||||
|
||||
a
|
||||
display: block
|
||||
padding-left: 1em
|
||||
@media #{$medium-up}
|
||||
display: flex
|
||||
flex-flow: row nowrap
|
||||
justify-content: space-between
|
||||
align-items: center
|
||||
height: 34px
|
||||
|
||||
.section-title
|
||||
font-size: 16px
|
||||
|
|
|
|||
|
|
@ -47,19 +47,38 @@ $dropdown-button-margin: -9px
|
|||
.settings-button
|
||||
display: block
|
||||
height: $dropdown-button-height
|
||||
padding: 0 2.5em
|
||||
padding: 0 0.7em 0 2.3em
|
||||
margin-top: $dropdown-button-margin
|
||||
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
|
||||
background-color: #f1f1f1
|
||||
&:active,
|
||||
.display &
|
||||
background-color: $teal
|
||||
color: white
|
||||
@extend %icon-line-cog-white
|
||||
&:after
|
||||
@extend %icon-line-dropdown-white
|
||||
|
||||
.settings-dropdown
|
||||
display: none
|
||||
|
|
@ -67,24 +86,22 @@ $dropdown-button-margin: -9px
|
|||
top: $dropdown-button-height + ($dropdown-button-margin * .8)
|
||||
width: 100%
|
||||
padding: 0
|
||||
margin: 1px 0 0
|
||||
margin: -1px 0 0
|
||||
list-style: none
|
||||
z-index: 60
|
||||
background-color: #f1f1f1
|
||||
a
|
||||
display: block
|
||||
padding: 0.5em 1em
|
||||
padding: .4em 1em .5em 2.4em
|
||||
font-size: 14px
|
||||
color: $grey-light
|
||||
&:hover
|
||||
background-color: $grey
|
||||
background-color: $teal
|
||||
color: white
|
||||
|
||||
.settings-menu
|
||||
position: relative
|
||||
&.display
|
||||
.settings-button
|
||||
background-color: #f1f1f1
|
||||
.settings-dropdown
|
||||
display: block
|
||||
|
||||
|
|
|
|||
|
|
@ -16,10 +16,10 @@
|
|||
padding: 0.1em 0.5em 0.1em 1.5em
|
||||
cursor: pointer
|
||||
background:
|
||||
color: $grey-light
|
||||
color: #777777
|
||||
repeat: no-repeat
|
||||
size: auto 10px
|
||||
position: 5px 5px
|
||||
size: auto 12px
|
||||
position: 6px 4px
|
||||
border-radius: 2px
|
||||
color: #f1f1f1
|
||||
@extend %icon-arrow-down
|
||||
|
|
|
|||
|
|
@ -7,22 +7,27 @@
|
|||
@include colorRows($red, 'failed', 12px)
|
||||
@include colorRows($red, 'errored', 12px)
|
||||
@include colorRows($grey, 'canceled', 12px)
|
||||
@include colorRows($yellow, 'started', 12px, #e5da3f)
|
||||
@include colorRows($yellow, 'queued', 12px, #e5da3f)
|
||||
@include colorRows($yellow, 'booting', 12px, #e5da3f)
|
||||
@include colorRows($yellow, 'received', 12px, #e5da3f)
|
||||
@include colorRows($yellow, 'created', 12px, #e5da3f)
|
||||
@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
|
||||
|
|
@ -35,6 +40,7 @@
|
|||
padding: 1rem 0 0
|
||||
|
||||
.build-info
|
||||
font-size: 15px
|
||||
padding-left: 3rem
|
||||
@media #{$medium-up}
|
||||
flex: 1 1 35%
|
||||
|
|
@ -56,6 +62,7 @@
|
|||
margin-left: -2rem
|
||||
|
||||
.commit-info
|
||||
font-size: 15px
|
||||
padding-left: 1rem
|
||||
|
||||
.commit-branch
|
||||
|
|
@ -71,7 +78,7 @@
|
|||
img
|
||||
width: 20px
|
||||
height: 20px
|
||||
margin-right: .3em
|
||||
margin-right: .5em
|
||||
border-radius: 50%
|
||||
|
||||
.commit-description
|
||||
|
|
@ -81,25 +88,26 @@
|
|||
padding: 0
|
||||
margin: 1rem 0
|
||||
list-style: none
|
||||
line-height: 1.7
|
||||
|
||||
.commit-commit,
|
||||
.commit-compare
|
||||
@extend %icon-line-commit
|
||||
padding-left: 1.5em
|
||||
padding-left: 1.7em
|
||||
background:
|
||||
size: auto 23px
|
||||
repeat: no-repeat
|
||||
position: -11px -1px
|
||||
.commit-clock
|
||||
@extend %icon-line-clock
|
||||
padding-left: 1.5em
|
||||
padding-left: 1.7em
|
||||
background:
|
||||
size: auto 22px
|
||||
repeat: no-repeat
|
||||
position: 0 0
|
||||
.commit-calendar
|
||||
@extend %icon-line-calendar
|
||||
padding-left: 1.5em
|
||||
padding-left: 1.7em
|
||||
background:
|
||||
size: auto 20px
|
||||
repeat: no-repeat
|
||||
|
|
|
|||
|
|
@ -157,7 +157,7 @@ $button-border-color: #d4d4d4
|
|||
border: solid 1px #E4E6E6
|
||||
border-radius: 50%
|
||||
&:hover
|
||||
background-color: $teal
|
||||
border-color: $teal
|
||||
|
||||
float: left
|
||||
margin-right: 1rem
|
||||
|
|
@ -168,10 +168,13 @@ $button-border-color: #d4d4d4
|
|||
|
||||
.button-circle-codeclimate
|
||||
@extend %circle-button
|
||||
@extend %icon-line-codeclimate
|
||||
background:
|
||||
image: inline-image('icons/code-climate-icon.svg')
|
||||
repeat: no-repeat
|
||||
size: auto 100%
|
||||
size: auto 10px
|
||||
position: 4px 8px
|
||||
&:hover
|
||||
@extend %icon-line-codeclimate-teal
|
||||
|
||||
.button-circle-cancel
|
||||
@extend %circle-button
|
||||
|
|
@ -180,7 +183,7 @@ $button-border-color: #d4d4d4
|
|||
repeat: no-repeat
|
||||
size: auto 100%
|
||||
&:hover
|
||||
@extend %icon-line-cross-white
|
||||
@extend %icon-line-cross-teal
|
||||
|
||||
.button-circle-trigger
|
||||
@extend %circle-button
|
||||
|
|
@ -190,7 +193,7 @@ $button-border-color: #d4d4d4
|
|||
repeat: no-repeat
|
||||
size: 24px 24px
|
||||
&:hover
|
||||
@extend %icon-line-trigger-white
|
||||
@extend %icon-line-trigger-teal
|
||||
|
||||
|
||||
%log-button
|
||||
|
|
@ -208,16 +211,38 @@ $button-border-color: #d4d4d4
|
|||
repeat: no-repeat
|
||||
size: auto 14px
|
||||
position: 7px 6px
|
||||
&:hover,
|
||||
&:active
|
||||
background-color: hotpink
|
||||
|
||||
// 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)
|
||||
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -9,63 +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-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')
|
||||
|
|
@ -75,51 +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-download-log
|
||||
background-image: inline-image('icons/download-log-icon.svg')
|
||||
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:#f1f1f1;}</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: inline-image('icons/remove-log-icon.svg')
|
||||
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:#f1f1f1;}</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: inline-image('icons/end-of-log-icon.svg')
|
||||
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:#f1f1f1;}</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--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')
|
||||
|
|
@ -179,17 +93,37 @@
|
|||
@extend %icon
|
||||
@extend %icon-line-commit
|
||||
|
||||
%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:#8d8d8d;}</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-white
|
||||
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:#ffffff;}</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:#8d8d8d;}</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-white
|
||||
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:#ffffff;}</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:#A7AEAE;}</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:#40a3ad;}</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="#A7AEAE" 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="#FFFFFF" 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="#40a3ad" 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="#A7AEAE" 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="#FFFFFF" 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="#40a3ad" 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-circle
|
||||
background-image: inline-image('icons/github.svg')
|
||||
background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 14.8"><style>.st0{fill:#949899;}</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--plus
|
||||
&:after
|
||||
|
|
|
|||
|
|
@ -36,95 +36,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 +200,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
|
||||
|
|
|
|||
|
|
@ -38,11 +38,11 @@
|
|||
<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>
|
||||
|
|
|
|||
|
|
@ -49,10 +49,10 @@
|
|||
<h3 class="build-status {{item.state}}">
|
||||
{{#if isJob}}
|
||||
{{#link-to "job" repo item}}
|
||||
{{status-icon status=item.state}} #{{item.number}} {{humanize-state item.state}}{{/link-to}}
|
||||
{{request-icon event=item.build.event_type state=item.state}} #{{item.number}} {{humanize-state item.state}}{{/link-to}}
|
||||
{{else}}
|
||||
{{#link-to "build" repo item}}
|
||||
{{status-icon status=item.state}} #{{item.number}} {{humanize-state item.state}}{{/link-to}}
|
||||
{{request-icon event=item.event_type state=item.state}} #{{item.number}} {{humanize-state item.state}}{{/link-to}}
|
||||
{{/if}}
|
||||
</h3>
|
||||
<ul class="list-icon">
|
||||
|
|
|
|||
|
|
@ -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}}
|
||||
|
|
|
|||
|
|
@ -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.eventType 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>
|
||||
|
|
|
|||
|
|
@ -1,50 +1,35 @@
|
|||
{{#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>
|
||||
<div class="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">
|
||||
<span class="icon tooltip-trigger">{{job.config.os}}</span>
|
||||
<div class="tooltip-bubble" aria-hidden="true">{{job.config.os}}</div>
|
||||
</div>
|
||||
|
||||
<div class="job-lang">
|
||||
<span class="icon-lang"></span>
|
||||
<span class="label-align">{{#if languages}}{{languages}}{{else}}no language set{{/if}}</span>
|
||||
</div>
|
||||
|
||||
<div class="job-env">
|
||||
{{#if environment}}
|
||||
<span class="icon-env--dark"></span>
|
||||
<span class="label-align">{{environment}}</span>
|
||||
{{else}}
|
||||
<span class="icon icon--job {{job.state}}"></span>
|
||||
<span class="icon-env--light"></span>
|
||||
<span class="label-align">no environment variables set</span>
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
<p class="job-id jobs-item build-status">
|
||||
<span class="icon icon--hash-dark"></span>
|
||||
{{job.number}}
|
||||
</p>
|
||||
|
||||
<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>
|
||||
|
||||
<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}}
|
||||
|
|
|
|||
|
|
@ -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 state=repo.default_branch.last_build.state}}
|
||||
<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>
|
||||
|
|
|
|||
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 |
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 |
32
public/images/line-icons/icon-downloadlog.svg
Normal file
32
public/images/line-icons/icon-downloadlog.svg
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<?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 15 12.4" style="enable-background:new 0 0 15 12.4;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#949899;}
|
||||
</style>
|
||||
<g id="downloadlog">
|
||||
<g>
|
||||
<path class="st0" d="M5.1,11.3c-0.4,0-0.7-0.3-0.7-0.7v-10C4.4,0.3,4.7,0,5.1,0c0.4,0,0.7,0.3,0.7,0.7v10
|
||||
C5.7,11.1,5.4,11.3,5.1,11.3z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st0" d="M5.1,12.4c-0.2,0-0.3-0.1-0.5-0.2L0.2,7.8c-0.3-0.3-0.3-0.7,0-0.9s0.7-0.3,0.9,0l3.9,3.9L9,6.9
|
||||
c0.3-0.3,0.7-0.3,0.9,0s0.3,0.7,0,0.9l-4.4,4.4C5.4,12.3,5.2,12.4,5.1,12.4z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st0" d="M14.1,2.1H7.9c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7h6.2c0.4,0,0.7,0.3,0.7,0.7S14.5,2.1,14.1,2.1z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st0" d="M14.3,5.3H7.9C7.5,5.3,7.3,5,7.3,4.6C7.3,4.2,7.5,4,7.9,4h6.4C14.7,4,15,4.2,15,4.6C15,5,14.7,5.3,14.3,5.3z"
|
||||
/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st0" d="M14.3,8.5h-2.4c-0.4,0-0.7-0.3-0.7-0.7c0-0.4,0.3-0.7,0.7-0.7h2.4c0.4,0,0.7,0.3,0.7,0.7
|
||||
C15,8.2,14.7,8.5,14.3,8.5z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st0" d="M13,11.6H9.2c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7H13c0.4,0,0.7,0.3,0.7,0.7S13.3,11.6,13,11.6z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
31
public/images/line-icons/icon-github-outline.svg
Normal file
31
public/images/line-icons/icon-github-outline.svg
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<?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 15 14.8" style="enable-background:new 0 0 15 14.8;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#949899;}
|
||||
</style>
|
||||
<g id="circledgithub">
|
||||
<path class="st0" d="M6,14.8C5.9,14.8,5.9,14.8,6,14.8C2.5,14.1,0,11,0,7.5C0,3.4,3.4,0,7.5,0S15,3.4,15,7.5c0,3.3-2.1,6.2-5.3,7.2
|
||||
c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.2-0.2-0.2-0.3c0-1,0-2.4,0-2.7c0-0.3,0-0.5-0.1-0.7c0-0.1-0.1-0.2-0.1-0.2c0,0,0,0-0.1-0.1
|
||||
c-0.1-0.1-0.1-0.3-0.1-0.4C8.9,10.1,9,10,9.1,10l0.2,0c0.5-0.1,0.9-0.2,1.3-0.4c0.2-0.1,0.4-0.3,0.5-0.4c0.1-0.2,0.3-0.4,0.3-0.7
|
||||
c0.1-0.2,0.1-0.5,0.1-0.8c0-0.1,0-0.3,0-0.5c-0.1-0.5-0.2-0.8-0.5-1.2C11,5.8,10.9,5.6,11,5.4c0,0,0-0.1,0-0.2l0-0.1
|
||||
c0-0.3,0-0.5-0.1-0.8c0,0,0,0,0,0c-0.2,0-0.3,0.1-0.5,0.2c-0.2,0.1-0.3,0.2-0.5,0.3L9.8,4.9C9.7,5,9.5,5,9.4,5
|
||||
c-0.3-0.1-0.6-0.1-1-0.2c-0.3,0-1,0-1.3,0C6.8,4.8,6.4,4.9,6.1,5C6,5,5.9,5,5.7,4.9C5.4,4.7,5.2,4.6,4.9,4.5
|
||||
c-0.1,0-0.2-0.1-0.4-0.1c0,0.2-0.1,0.3-0.1,0.5c0,0.2,0,0.3,0.1,0.5c0,0,0,0.1,0,0.1c0,0.1,0,0.3-0.1,0.4L4.4,6
|
||||
C4.4,6,4.3,6.1,4.3,6.2C4.1,6.4,4,6.6,4,7c0,0.3,0,0.5,0,0.8C4,8,4.1,8.3,4.1,8.6C4.2,8.8,4.3,9,4.5,9.2c0.1,0.1,0.3,0.3,0.4,0.3
|
||||
c0.3,0.2,0.7,0.4,1.1,0.4C6.1,10,6.4,10,6.4,10c0.1,0,0.2,0.1,0.3,0.2c0.1,0.1,0.1,0.2,0.1,0.3c0,0.1-0.2,0.7-0.7,1
|
||||
c-0.5,0.3-1.3,0.3-1.8-0.2c0,0-0.1-0.1-0.2-0.2c-0.1-0.2-0.4-0.6-0.6-0.7c0,0-0.1,0-0.1,0c0,0,0,0.3,0.1,0.4
|
||||
c0.1,0.1,0.1,0.2,0.2,0.2C3.8,11.2,4,11.4,4,11.6c0.3,0.6,0.7,0.7,0.8,0.8c0.3,0.1,0.8,0,1,0c0.1,0,0.2,0,0.3,0.1
|
||||
c0.1,0.1,0.1,0.2,0.1,0.3l0,1.7c0,0.1-0.1,0.2-0.1,0.3C6.1,14.8,6.1,14.8,6,14.8z M7.5,0.8c-3.7,0-6.7,3-6.7,6.7c0,3,2,5.6,4.8,6.4
|
||||
l0-0.8c-0.3,0-0.6,0-0.9-0.1c-0.3-0.1-0.9-0.3-1.3-1.2c0-0.1-0.2-0.3-0.3-0.4c-0.1-0.1-0.1-0.2-0.2-0.3c-0.3-0.4-0.3-1,0-1.3
|
||||
C3,9.6,3.4,9.5,3.7,9.7c0.1,0,0.2,0.1,0.3,0.1c0,0-0.1-0.1-0.1-0.1C3.7,9.4,3.5,9.1,3.4,8.8c-0.1-0.3-0.2-0.6-0.2-1
|
||||
c0-0.3-0.1-0.6,0-1C3.3,6.4,3.4,6,3.6,5.7c0-0.1,0.1-0.1,0.1-0.2c0,0,0,0,0-0.1c0-0.2-0.1-0.5-0.1-0.7c0-0.3,0.1-0.5,0.2-0.9
|
||||
C4,3.7,4.1,3.6,4.3,3.6c0.2,0,0.6,0,0.9,0.2C5.5,3.9,5.8,4,6,4.2c0.3-0.1,0.7-0.1,1.1-0.2c0.3,0,1.1,0,1.4,0c0.3,0,0.7,0.1,1,0.2
|
||||
l0.2-0.1C9.8,4,10,3.9,10.2,3.9c0.3-0.1,0.5-0.2,0.8-0.3c0.1,0,0.2,0,0.2,0c0.2,0,0.4,0.1,0.5,0.3c0.1,0.4,0.3,0.9,0.2,1.4l0,0.1
|
||||
c0,0.1,0,0.1,0,0.2C12.1,6,12.3,6.5,12.4,7c0,0.2,0,0.4,0,0.6c0,0.4-0.1,0.7-0.2,1c-0.1,0.4-0.3,0.7-0.5,1
|
||||
c-0.2,0.3-0.5,0.5-0.7,0.6c-0.4,0.2-0.8,0.4-1.2,0.5c0.1,0.3,0.2,0.5,0.2,0.9c0,0.3,0,1.3,0,2.2c2.6-1,4.3-3.5,4.3-6.3
|
||||
C14.2,3.8,11.2,0.8,7.5,0.8z M4.3,10c0.2,0.2,0.3,0.4,0.5,0.6c0,0.1,0.1,0.1,0.1,0.1C5.1,11,5.5,11,5.7,10.8c0,0,0.1-0.1,0.1-0.1
|
||||
c0,0,0,0-0.1,0c-0.5-0.1-0.9-0.3-1.3-0.5C4.4,10.1,4.3,10.1,4.3,10z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
21
public/images/line-icons/icon-removelog.svg
Normal file
21
public/images/line-icons/icon-removelog.svg
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<?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 15 10.9" style="enable-background:new 0 0 15 10.9;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#949899;}
|
||||
</style>
|
||||
<g id="removelog">
|
||||
<path class="st0" d="M12.3,1.8h1.9c0.3,0,0.6-0.3,0.6-0.6c0-0.3-0.3-0.6-0.6-0.6h-1.9c-0.3,0-0.6,0.3-0.6,0.6
|
||||
C11.7,1.6,12,1.8,12.3,1.8z"/>
|
||||
<path class="st0" d="M9.7,3.5c-0.3,0-0.6,0.3-0.6,0.6c0,0.3,0.3,0.6,0.6,0.6h4.8c0.3,0,0.6-0.3,0.6-0.6c0-0.3-0.3-0.6-0.6-0.6H9.7z
|
||||
"/>
|
||||
<path class="st0" d="M14.4,6.3H9.7c-0.3,0-0.6,0.3-0.6,0.6c0,0.3,0.3,0.6,0.6,0.6h4.7c0.3,0,0.6-0.3,0.6-0.6
|
||||
C15,6.5,14.7,6.3,14.4,6.3z"/>
|
||||
<path class="st0" d="M13.2,9.1h-0.7c-0.3,0-0.6,0.3-0.6,0.6c0,0.3,0.3,0.6,0.6,0.6h0.7c0.3,0,0.6-0.3,0.6-0.6
|
||||
C13.8,9.3,13.5,9.1,13.2,9.1z"/>
|
||||
<path class="st0" d="M6.3,5.4l4.4-4.4c0.2-0.2,0.2-0.6,0-0.9c-0.2-0.2-0.6-0.2-0.9,0L5.4,4.5L1.1,0.2c-0.2-0.2-0.6-0.2-0.9,0
|
||||
s-0.2,0.6,0,0.9l4.4,4.4L0.2,9.8c-0.2,0.2-0.2,0.6,0,0.9c0.1,0.1,0.3,0.2,0.4,0.2s0.3-0.1,0.4-0.2l4.4-4.4l4.4,4.4
|
||||
c0.1,0.1,0.3,0.2,0.4,0.2c0.2,0,0.3-0.1,0.4-0.2c0.2-0.2,0.2-0.6,0-0.9L6.3,5.4z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
24
public/images/line-icons/icon-settings.svg
Normal file
24
public/images/line-icons/icon-settings.svg
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<?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 14.2 15" style="enable-background:new 0 0 14.2 15;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#949899;}
|
||||
</style>
|
||||
<g id="settingscog">
|
||||
<path class="st0" d="M7.9,15H6.3c-0.9,0-1.6-0.7-1.6-1.6v-0.9c-0.2-0.1-0.4-0.2-0.5-0.3l-0.7,0.4c-0.8,0.5-1.8,0.2-2.3-0.6
|
||||
l-0.8-1.4C-0.2,9.9,0,8.9,0.8,8.4L1.6,8c0-0.1,0-0.3,0-0.5c0-0.1,0-0.3,0-0.4L0.8,6.7c-0.4-0.2-0.6-0.6-0.8-1
|
||||
C-0.1,5.3,0,4.8,0.2,4.4L1.1,3c0.2-0.4,0.6-0.6,1-0.8c0.4-0.1,0.9-0.1,1.2,0.2L4,2.9c0.2-0.1,0.4-0.3,0.6-0.4V1.6
|
||||
C4.7,0.7,5.4,0,6.3,0h1.6c0.9,0,1.6,0.7,1.6,1.6v0.9c0.2,0.1,0.4,0.2,0.5,0.3l0.8-0.5c0.4-0.2,0.8-0.3,1.2-0.2
|
||||
c0.4,0.1,0.8,0.4,1,0.7L14,4.3c0.5,0.8,0.2,1.8-0.6,2.3L12.7,7c0,0.1,0,0.3,0,0.5c0,0.1,0,0.3,0,0.4l0.7,0.4c0.8,0.5,1,1.5,0.6,2.2
|
||||
L13.2,12c-0.2,0.4-0.6,0.6-1,0.8c-0.4,0.1-0.9,0.1-1.2-0.2l-0.8-0.4c-0.2,0.1-0.4,0.2-0.6,0.3v0.9C9.6,14.3,8.8,15,7.9,15z
|
||||
M4.2,10.6l0.3,0.3c0.3,0.3,0.7,0.4,1,0.6l0.4,0.2v1.7c0,0.2,0.2,0.3,0.4,0.3h1.6c0.2,0,0.4-0.2,0.4-0.3v-1.7l0.4-0.2
|
||||
c0.3-0.2,0.9-0.5,1.1-0.6l0.3-0.3l1.5,0.9c0.1,0.1,0.2,0,0.3,0c0.1,0,0.2-0.1,0.2-0.2l0.8-1.4c0.1-0.2,0-0.4-0.1-0.5l-1.5-0.9
|
||||
l0.1-0.4c0-0.2,0.1-0.4,0.1-0.6c0-0.2,0-0.5-0.1-0.7l-0.1-0.4l1.5-0.9C12.9,5.4,13,5.2,12.9,5L12,3.6c-0.1-0.1-0.2-0.1-0.2-0.2
|
||||
c-0.1,0-0.2,0-0.3,0l-1.5,0.9L9.7,4.1C9.5,3.9,9,3.6,8.7,3.5L8.3,3.4V1.6c0-0.2-0.2-0.3-0.4-0.3H6.3c-0.2,0-0.4,0.2-0.4,0.3v1.7
|
||||
L5.5,3.5C5.2,3.7,4.8,3.9,4.5,4.1L4.1,4.4L2.6,3.5c-0.1-0.1-0.2,0-0.3,0c-0.1,0-0.2,0.1-0.2,0.2L1.3,5.1c-0.1,0.1,0,0.2,0,0.3
|
||||
c0,0.1,0.1,0.2,0.2,0.2L3,6.4L2.9,6.9c0,0.2-0.1,0.4-0.1,0.6c0,0.2,0,0.5,0.1,0.7L3,8.6L1.5,9.5C1.3,9.6,1.3,9.8,1.4,10l0.8,1.4
|
||||
c0.1,0.2,0.3,0.2,0.5,0.1L4.2,10.6z M7.1,10.2c-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.7S8.6,10.2,7.1,10.2z
|
||||
M7.1,6.1c-0.8,0-1.4,0.6-1.4,1.4s0.6,1.4,1.4,1.4c0.8,0,1.4-0.6,1.4-1.4S7.9,6.1,7.1,6.1z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
|
|
@ -1,10 +0,0 @@
|
|||
<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>
|
||||
</div>
|
||||
Loading…
Reference in New Issue
Block a user