taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Profile bar minor fixes

stable
Xavier Julián 2015-05-12 08:53:49 +02:00 committed by Juanfran
parent 576d3ef5d6
commit f005fe0ca8
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/modules/profile/profile-bar/profile-bar.jade
View File

@ -36,5 +36,5 @@ section.profile-bar
// div.organization // div.organization
// div.organization // div.organization
div.profile-quote div.profile-quote(ng-if="vm.user.bio")
span "Small minds talk about people, average minds discuss events, great minds discuss ideas" span {{::vm.user.bio}}

12
app/modules/profile/styles/profile-bar.scss
View File

@ -1,10 +1,14 @@
.profile-bar { .profile-bar {
.profile-image-wrapper { .profile-image-wrapper {
height: 200px; height: 200px;
margin-bottom: .25rem; margin-bottom: 1rem;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
&:hover { &:hover {
img {
filter: brightness(40%) saturate(150%) hue-rotate(60deg);
transition: all .2s cubic-bezier(.01, .7, 1, 1);
}
.edit-profile { .edit-profile {
opacity: 1; opacity: 1;
transition: opacity .2s cubic-bezier(.01, .7, 1, 1); transition: opacity .2s cubic-bezier(.01, .7, 1, 1);
@ -16,7 +20,6 @@
} }
.edit-profile { .edit-profile {
@extend %large; @extend %large;
background: rgba($black, .6);
bottom: 0; bottom: 0;
left: 0; left: 0;
opacity: 0; opacity: 0;
@ -80,17 +83,18 @@
h2 { h2 {
@extend %bold; @extend %bold;
@extend %small; @extend %small;
margin-bottom: .5rem;
} }
h1 { h1 {
@extend %xlarge; @extend %xlarge;
line-height: 1; line-height: 1;
margin-bottom: 0;
text-transform: none; text-transform: none;
} }
h2 { h2 {
@extend %large; @extend %large;
color: $gray-light; color: $gray-light;
line-height: 1.2; line-height: 1.2;
margin-bottom: 1rem;
} }
.location { .location {
color: $gray-light; color: $gray-light;
@ -110,7 +114,7 @@
color: $gray; color: $gray;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 1rem; margin-bottom: 1.25rem;
padding: 1rem .5rem; padding: 1rem .5rem;
.stat { .stat {
padding: 0 .2rem; padding: 0 .2rem;