From cd237d832a9d752b8d280fde9e1edf3cbee2ae1f Mon Sep 17 00:00:00 2001 From: Juanfran Date: Tue, 10 Mar 2015 09:46:18 +0100 Subject: [PATCH] change project privacy --- app/partials/admin/admin-project-profile.jade | 4 ++-- .../modules/admin/admin-project-profile.scss | 23 +++++++++++++------ 2 files changed, 18 insertions(+), 9 deletions(-) diff --git a/app/partials/admin/admin-project-profile.jade b/app/partials/admin/admin-project-profile.jade index 6ee7c272..90a21b09 100644 --- a/app/partials/admin/admin-project-profile.jade +++ b/app/partials/admin/admin-project-profile.jade @@ -40,11 +40,11 @@ div.wrapper(tg-project-profile, ng-controller="ProjectProfileController as ctrl" tg-privacy-settings-inputs div.privacy-settings div - input.hidden(type="radio", disabled="disabled") + input.privacy-project(type="radio", name="private-project", ng-model="project.is_private", ng-value="false") label.trans-button(for="public-project") span Public Project div - input.hidden(type="radio", checked="checked", disabled="disabled") + input.privacy-project(type="radio", name="private-project", ng-model="project.is_private", ng-value="true") label.trans-button(for="private-project") span Private Project diff --git a/app/styles/modules/admin/admin-project-profile.scss b/app/styles/modules/admin/admin-project-profile.scss index 0339fc66..cefec654 100644 --- a/app/styles/modules/admin/admin-project-profile.scss +++ b/app/styles/modules/admin/admin-project-profile.scss @@ -21,14 +21,15 @@ .privacy-settings { display: flex; margin-bottom: 2rem; - div { + > div { flex-basis: 0; flex-grow: 1; + overflow: hidden; + position: relative; &:first-child { margin-right: .5rem; } } - // TODO: This should change when public projects available label { @extend %title; border: 1px solid $gray-light; @@ -39,14 +40,22 @@ span { color: $gray-light; } - // &:hover { - // border: 1px solid $fresh-taiga; - // } } - input:checked+label { + } + .privacy-project { + cursor: pointer; + height: 500px; + left: -10px; + opacity: 0; + position: absolute; + top: -10px; + width: 500px; + z-index: 999; + } + .privacy-project:checked { + + label { background: $fresh-taiga; border: 1px solid $fresh-taiga; - cursor: default; span { color: $white; }