Fix public/private project styles
parent
8bb75f3068
commit
51019c458b
|
@ -41,10 +41,12 @@ div.wrapper(tg-project-profile, ng-controller="ProjectProfileController as ctrl"
|
||||||
div.privacy-settings
|
div.privacy-settings
|
||||||
div
|
div
|
||||||
input.hidden(type="radio", disabled="disabled")
|
input.hidden(type="radio", disabled="disabled")
|
||||||
label.button(for="public-project") Public Project
|
label.trans-button(for="public-project")
|
||||||
|
span Public Project
|
||||||
div
|
div
|
||||||
input.hidden(type="radio", checked="checked", disabled="disabled")
|
input.hidden(type="radio", checked="checked", disabled="disabled")
|
||||||
label.button(for="private-project") Private Project
|
label.trans-button(for="private-project")
|
||||||
|
span Private Project
|
||||||
|
|
||||||
p All projects are private during Taiga's beta period.
|
p All projects are private during Taiga's beta period.
|
||||||
|
|
||||||
|
|
|
@ -28,17 +28,26 @@
|
||||||
margin-right: .5rem;
|
margin-right: .5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
// TODO: This should change when public projects available
|
||||||
label {
|
label {
|
||||||
@extend %title;
|
@extend %title;
|
||||||
background: $white;
|
border: 1px solid $gray-light;
|
||||||
border: 1px solid $whitish;
|
cursor: not-allowed;
|
||||||
cursor: pointer;
|
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
transition: all .2s linear;
|
||||||
|
span {
|
||||||
|
color: $gray-light;
|
||||||
|
}
|
||||||
|
// &:hover {
|
||||||
|
// border: 1px solid $fresh-taiga;
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
input {
|
input:checked+label {
|
||||||
&:checked+label {
|
background: $fresh-taiga;
|
||||||
background: $fresh-taiga;
|
border: 1px solid $fresh-taiga;
|
||||||
|
cursor: default;
|
||||||
|
span {
|
||||||
color: $white;
|
color: $white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue