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
|
tg-privacy-settings-inputs
|
||||||
div.privacy-settings
|
div.privacy-settings
|
||||||
div
|
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")
|
label.trans-button(for="public-project")
|
||||||
span Public Project
|
span Public Project
|
||||||
div
|
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")
|
label.trans-button(for="private-project")
|
||||||
span Private Project
|
span Private Project
|
||||||
|
|
||||||
|
|
|
@ -21,14 +21,15 @@
|
||||||
.privacy-settings {
|
.privacy-settings {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
div {
|
> div {
|
||||||
flex-basis: 0;
|
flex-basis: 0;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
&:first-child {
|
&:first-child {
|
||||||
margin-right: .5rem;
|
margin-right: .5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// TODO: This should change when public projects available
|
|
||||||
label {
|
label {
|
||||||
@extend %title;
|
@extend %title;
|
||||||
border: 1px solid $gray-light;
|
border: 1px solid $gray-light;
|
||||||
|
@ -39,14 +40,22 @@
|
||||||
span {
|
span {
|
||||||
color: $gray-light;
|
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;
|
background: $fresh-taiga;
|
||||||
border: 1px solid $fresh-taiga;
|
border: 1px solid $fresh-taiga;
|
||||||
cursor: default;
|
|
||||||
span {
|
span {
|
||||||
color: $white;
|
color: $white;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue