From fc5b15db9d2aa6dc2943a075a057a696015a590a Mon Sep 17 00:00:00 2001 From: myleneb Date: Wed, 29 Jul 2015 19:18:22 +0200 Subject: [PATCH] profile modal view --- css/style.css | 18 ++++++++++++------ sass/layout/_profile.sass | 27 ++++++++++----------------- sass/style.sass | 1 - 3 files changed, 22 insertions(+), 24 deletions(-) diff --git a/css/style.css b/css/style.css index ab4f166..546510d 100644 --- a/css/style.css +++ b/css/style.css @@ -1048,12 +1048,18 @@ button.light:hover, a.button.light:hover { .profile-card-main { position: relative; - text-align: center; + text-align: left; word-wrap: break-word; transition: all 0.2s linear; background: none !important; padding: 10px; } +.profile-card-main h1, .profile-card-main h2 { + display: inline !important; +} +.profile-card-main h1 b, .profile-card-main h2 b { + font-weight: 400; +} .profile-card-main:before { content: ""; border: solid 0px #fff; @@ -1073,7 +1079,7 @@ button.light:hover, a.button.light:hover { .profile-card-photo { height: auto; width: 64px; - margin: 0 auto; + margin: 0 10px 10px 0; display: block; float: left; } @@ -1083,10 +1089,10 @@ button.light:hover, a.button.light:hover { } .profile-bio { - padding: 10px; font-style: italic; - text-align: center; - font-size: 0.8em; + text-align: left; + font-size: 1rem; + margin-left: 74px; } .profile-card-buttons { @@ -2227,7 +2233,7 @@ ul.userMenu-search-profiles button { transition-timing-function: ease-out; z-index: 120; } -#postboard-top.on, #postboard-top { +#postboard-top.on { -moz-box-shadow: 0 8px 13px rgba(17, 17, 17, 0.2); -webkit-box-shadow: 0 8px 13px rgba(17, 17, 17, 0.2); box-shadow: 0 8px 13px rgba(17, 17, 17, 0.2); diff --git a/sass/layout/_profile.sass b/sass/layout/_profile.sass index f789bc3..335ceb6 100644 --- a/sass/layout/_profile.sass +++ b/sass/layout/_profile.sass @@ -66,14 +66,15 @@ $modal-postboard-post-height: 100% padding: $modal-gut .profile-card-main position: relative - text-align: center + text-align: left word-wrap: break-word transition: all .2s linear background: none!important - padding: 10px - - - + padding: 10px + h1, h2 + display: inline !important + b + font-weight: 400 &:before content: "" border: solid 0px #fff @@ -91,18 +92,17 @@ $modal-postboard-post-height: 100% .profile-card-photo height: auto width: $usr-img - margin: 0 auto + margin: 0 10px 10px 0 display: block float: left .profile-card-photo.forEdition float: none .profile-bio - padding: 10px font-style: italic - text-align: center - font-size: .8em - + text-align: left + font-size: 1rem + margin-left: $usr-img + 10 .profile-card-buttons text-align: center padding: 0 0 $space 0 @@ -118,13 +118,6 @@ $modal-postboard-post-height: 100% @extend .color-2 - - - - - - - .known-followers text-align: center clear: both diff --git a/sass/style.sass b/sass/style.sass index 7fd2469..0a90a74 100755 --- a/sass/style.sass +++ b/sass/style.sass @@ -404,7 +404,6 @@ ul.userMenu-search-profiles +transition-property(box-shadow) +transition-duration(.2s) +transition-timing-function(ease-out) - @extend .on &.on +box-shadow(0 8px 13px rgba(#111, 0.2)) z-index: 120