diff --git a/app/styles/app/layouts/profile.sass b/app/styles/app/layouts/profile.sass index ba2a170c..66c251b0 100644 --- a/app/styles/app/layouts/profile.sass +++ b/app/styles/app/layouts/profile.sass @@ -34,7 +34,7 @@ @extend %border-radius-4px ol @include resetul - padding-bottom: 1em + padding: 1em 0 figure margin: 0 figcaption @@ -47,8 +47,10 @@ .dismiss position: absolute - top: .5em - right: .5em + top: 0 + right: 0 + padding: .5em + z-index: 99 @media #{$medium-up} li:not(:last-child) img diff --git a/app/styles/app/modules/switch.sass b/app/styles/app/modules/switch.sass index e69de29b..dd11b21a 100644 --- a/app/styles/app/modules/switch.sass +++ b/app/styles/app/modules/switch.sass @@ -0,0 +1,36 @@ + +$switch-height: 28px +$switch-inner-height: 22px +$switch-width: 62px +$switch-inner-width: 27px + +.switch + position: relative + width: $switch-width + height: $switch-height + background-color: #d1d1d1 + border: none + cursor: pointer + @extend %border-radius-4px + &:after + content: "" + display: block + position: absolute + top: ($switch-height - $switch-inner-height) / 2 + right: ($switch-width - ($switch-inner-width * 2)) / 2 + height: $switch-inner-height + width: $switch-inner-width + background-color: #919191 + background-repeat: no-repeat + background-size: 14px 14px + background-position: 6px + transition: right 200ms ease + @extend .icon-hook-off + @extend %border-radius-4px + + &.is-on + background-color: #b6d5b6 + &:after + right: $switch-width - $switch-inner-width - (($switch-width - ($switch-inner-width * 2)) / 2) + background-color: #39a85b + @extend .icon-hook-on diff --git a/app/templates/profile/show.hbs b/app/templates/profile/show.hbs index 426ea088..4487065e 100644 --- a/app/templates/profile/show.hbs +++ b/app/templates/profile/show.hbs @@ -42,8 +42,6 @@ - {{!--

{{view.name}}

- {{#if config.billingEndpoint}} {{#if view.subscribed}} @@ -62,8 +60,8 @@ {{/if}} {{/if}} - {{view 'profile-tabs'}} - +{{!-- {{view 'profile-tabs'}} --}} +{{!--
{{outlet}}
--}} diff --git a/public/images/svg/hooks-on.svg b/public/images/svg/hooks-on.svg index 9691e791..54167549 100644 --- a/public/images/svg/hooks-on.svg +++ b/public/images/svg/hooks-on.svg @@ -3,8 +3,8 @@ - +