From af287fecce71f8c779ed1caf20777df2cbfb2341 Mon Sep 17 00:00:00 2001 From: Lisa Passing Date: Wed, 18 Mar 2015 12:33:23 +0100 Subject: [PATCH] replace css help icon with svg icon --- app/styles/app/layouts/build-job.sass | 7 +++++++ app/styles/app/modules/buttons.sass | 16 --------------- app/styles/app/modules/icons.sass | 2 ++ app/styles/app/modules/tooltips.sass | 2 +- app/templates/jobs.hbs | 2 +- public/images/svg/icon-help-hover.svg | 21 ++++++++++++++++++++ public/images/svg/icon-help.svg | 28 +++++++++++++++------------ 7 files changed, 48 insertions(+), 30 deletions(-) create mode 100644 public/images/svg/icon-help-hover.svg diff --git a/app/styles/app/layouts/build-job.sass b/app/styles/app/layouts/build-job.sass index abdb4e07..1f72180f 100644 --- a/app/styles/app/layouts/build-job.sass +++ b/app/styles/app/layouts/build-job.sass @@ -13,6 +13,13 @@ .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 padding: 0.5em 0.4em 0.4em 3.5rem diff --git a/app/styles/app/modules/buttons.sass b/app/styles/app/modules/buttons.sass index eda01337..079305aa 100644 --- a/app/styles/app/modules/buttons.sass +++ b/app/styles/app/modules/buttons.sass @@ -132,19 +132,3 @@ $button-border-color: #d4d4d4 width: 1.1em height: 0.7em margin-right: .5em - -.button--help - position: relative - top: .4em - left: .5em - width: 1.4rem - height: 1.4rem - background: $grey1 - border: none - &:hover - background-color: $teal1 - .icon--question - @extend %absolute-center - width: 0.6em - height: 0.9em - diff --git a/app/styles/app/modules/icons.sass b/app/styles/app/modules/icons.sass index fa287249..6a0a4058 100644 --- a/app/styles/app/modules/icons.sass +++ b/app/styles/app/modules/icons.sass @@ -117,6 +117,8 @@ 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') diff --git a/app/styles/app/modules/tooltips.sass b/app/styles/app/modules/tooltips.sass index 1a27c228..51cd9308 100644 --- a/app/styles/app/modules/tooltips.sass +++ b/app/styles/app/modules/tooltips.sass @@ -39,4 +39,4 @@ $tooltip-grey: #6A6C6D top: -8em left: 4em &:after - left: 4.1em \ No newline at end of file + left: 3.7em \ No newline at end of file diff --git a/app/templates/jobs.hbs b/app/templates/jobs.hbs index cec82864..15da7f88 100644 --- a/app/templates/jobs.hbs +++ b/app/templates/jobs.hbs @@ -5,7 +5,7 @@

Build Jobs

{{else}}

Allowed Failures - +

These are jobs you can allow to fail without failing your entire build

diff --git a/public/images/svg/icon-help-hover.svg b/public/images/svg/icon-help-hover.svg new file mode 100644 index 00000000..04296562 --- /dev/null +++ b/public/images/svg/icon-help-hover.svg @@ -0,0 +1,21 @@ + + + + + + + + diff --git a/public/images/svg/icon-help.svg b/public/images/svg/icon-help.svg index a0c81ce9..bdf95a4a 100644 --- a/public/images/svg/icon-help.svg +++ b/public/images/svg/icon-help.svg @@ -2,16 +2,20 @@ - - + width="14px" height="14px" viewBox="0 0 14 14" enable-background="new 0 0 14 14" xml:space="preserve"> + + +