From 570709d8dc8d9420a59fb1aab49be9a623d8029a Mon Sep 17 00:00:00 2001 From: Justine Arreche Date: Fri, 11 Jul 2014 17:25:23 +0200 Subject: [PATCH] complete fix of all switch updated styles --- assets/styles/components/travis-switch.sass | 42 +++++++++++++++------ 1 file changed, 30 insertions(+), 12 deletions(-) diff --git a/assets/styles/components/travis-switch.sass b/assets/styles/components/travis-switch.sass index 65b3a753..ccf1f16a 100644 --- a/assets/styles/components/travis-switch.sass +++ b/assets/styles/components/travis-switch.sass @@ -1,6 +1,12 @@ .settings-row margin-top: 20px +a.travis-switch + margin: 0 10px 0 0 + +p.settings-row + line-height: 30px + .travis-switch position: relative display: inline-block @@ -9,7 +15,7 @@ height: 18px margin: 20px 0 50px 0 padding: 5px 18px 5px 18px - background-color: #607A83 + background-color: #F5F5F5 border: 1px solid #E3E1E1 border-radius: 4px line-height: 19px @@ -20,23 +26,35 @@ &:before content: "" position: absolute - top: -1px - left: -1px - width: 28px - height: 18px + top: 1px + left: 1px + width: 42px + height: 24px background: #e9e9e7 - border: 1px solid #bdbdbd + border: 1px solid #d7d4d4 + border-radius: 2px .travis-switch.active - width: 56px + width: 60px padding: 5px 18px 5px 18px - background: #f5f5f5 - border: 1px solid #bdbdbd - border-radius: 3px + background-color: #607A83 + border-radius: 4px color: #ffffff font-weight: 600 text-align: left &:before left: auto - right: -1px - width: 30px \ No newline at end of file + right: 1px + width: 42px + height: 24px + border: 1px solid #9cafb5 + +span.on + background-color: #607A83 + color: #fff + font-weight: 800 + border-radius: 3px + float: left + +span.off + float: right