change project privacy
parent
e778e8b100
commit
cd237d832a
|
@ -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
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue