diff --git a/src/app/profile/info/profile-info.html b/src/app/profile/info/profile-info.html index c29c354..66496c5 100644 --- a/src/app/profile/info/profile-info.html +++ b/src/app/profile/info/profile-info.html @@ -8,6 +8,7 @@
{{vm.profile | translateProfile}} +
{{"profile.member_since" | translate}}: {{vm.profile.created_at | amDateFormat:'MMMM YYYY'}}
@@ -29,30 +30,35 @@
--> -
- -
+
- - + +
-

{{vm.profile.name}}

-

Brasília-DF, Brasil

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eget fermentum mauris, non viverra felis. In varius, felis et placerat feugiat, massa magna sagittis nisl, ut scelerisque ex urna nec ipsum.

-
-

www.noosfero.gov.br/patriciaoliveira

+

{{ vm.profile.name }}

+
+

+ {{ 'profile.person.description' | translate }}: {{ vm.profile.additional_data['description'] }} +

+

www.noosfero.gov.br/{{ vm.profile.identifier }}

- +
- -

61 9999-9999

+ +

+ {{ 'profile.person.contact_phone' | translate }}: {{ vm.profile.additional_data['contact_phone'] }} +

+

+ {{ 'profile.person.no_contact_info' | translate }} +

diff --git a/src/app/profile/profile.scss b/src/app/profile/profile.scss index 7a4b867..ef9ea91 100644 --- a/src/app/profile/profile.scss +++ b/src/app/profile/profile.scss @@ -1,13 +1,26 @@ +@mixin padding-sides { + padding-right: 15px; + padding-left: 15px; +} + +@mixin profile-img { + text-align: center; + margin: 10px; + border: 1px solid #eee; +} + +@media (min-width: 768px) { + .container {max-width: 980px;} +} + .profile-container { @extend .container-fluid; margin-top: -$wrapper-padding-top; margin-left: -$wrapper-padding-left; margin-bottom: -$wrapper-padding-bottom; margin-right: -$wrapper-padding-right; - @media (max-width: 978px) { - padding: 0 2%; - } + @media (max-width: 978px) {padding: 0 2%;} } .wrapper-container { @@ -15,147 +28,28 @@ max-width: 980px; } -#profile-left { - text-align: center; - margin-top: 15px; -} - -@charset "UTF-8"; -/* CSS Document */ - -/* Space out content a bit */ -body { - padding-top: 0; - padding-bottom: 0; -} - -.navbar-default {background:#333;border:none; padding:0 5rem;} -.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color:transparent !important;} -.navbar-brand {line-height: 40px !important;} - -/* Everything but the jumbotron gets side spacing for mobile first views */ -.header, -.footer { - padding-right: 15px; - padding-left: 15px; -} - -/* Custom page header */ -.header { - border-bottom: 1px solid #e5e5e5; -} -/* Make the masthead heading the same height as the navigation */ -.header h3 { - padding-bottom: 19px; - margin-top: 0; - margin-bottom: 0; - line-height: 40px; -} - -/* Custom page footer */ -.footer { - padding-top: 19px; - color: #777; - border-top: 1px solid #e5e5e5; -} - -/* Profile image */ - -.navbar {margin-bottom:0 !important;} - -.navbar-default.navbar-main .navbar-nav .img-avatar, .navbar-default.navbar-main .navbar-nav .img-avatar-top { - max-width: 40px; - display: inline-block; - height: auto; - padding: 1px; - line-height: 1.428571429; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 50%; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} - -.navbar-default.navbar-main .navbar-nav .img-avatar-top {max-width: 60px;} - -.navbar-nav>li>.dropdown-menu { - margin-top:-10px !important; - width: 300px; - padding: 1rem;} - -.dropdown-menu>li {margin:5px 0;} - -.dropdown-menu>li>a {padding:3px 10px 3px 0 !important;} - .dropdown-menu>li>a:hover {background-color:transparent !important;} - -.bg-image {background-color:#eee;height: 260px;} - -/* Customize container */ -@media (min-width: 768px) { - .container { - max-width: 980px; - } -} -.container-narrow > hr { - margin: 30px 0; -} - -/* Responsive: Portrait tablets and up */ -@media screen and (min-width: 768px) { - /* Remove the padding we set earlier */ - .header, - .footer { - padding-right: 0; - padding-left: 0; - } - /* Space out the masthead */ - .header { - margin-bottom: 30px; - } - /* Remove the bottom border on the jumbotron for visual effect */ - .jumbotron { - border-bottom: 0; +.dropdown-menu { + >li { + margin:5px 0; + >a { + padding:3px 10px 3px 0 !important; + &:hover {background-color:transparent !important;} + } } } -#lightbox .modal-content, #recuperarsenha .modal-content { - display: inline-block; - text-align:center; - padding:20px; -} - -#lightbox .modal-content label, #recuperarsenha .modal-content label { - text-align:left; -} - -/* style wireframe */ - -a{ - color: #959595 !important; -} - -.distance { - margin-bottom:2em; - margin-top:1em; -} - -.distance-top{ - margin-top: 10px; -} - -.distance-left { - margin-bottom:2em; - margin-top:1em; - margin-left: 11em !important; +.bg-image { + background-color:#eee; + height: 260px; } -/* NOOSFERO PROFILE */ -.bg-image {} - -@mixin profile-img { - text-align: center; - margin: 10px; - border: 1px solid #eee; +.social-links { + ul { + list-style:none; + text-align:center; + padding:0; + margin:0; + } } #noosfero-profile { @@ -167,73 +61,21 @@ a{ border:1px solid #eee; padding:20px 0; font-size: 14px; - img { - @include profile-img; - } - i { - @include profile-img; - } - .col-sm-2 { - text-align: center; - } - h3 { - margin-top: 16px; - } + + img, + i {@include profile-img;} + + .col-sm-2 {text-align: center;} + + h3 {margin-top: 16px;} + .btn { font-size: 12px; padding: 5px 10px; } + .profile-contact { padding-top: 10px; - p { - margin: 0px; - } + p {margin: 0px;} } } - -ul.social {list-style:none; text-align:center;padding:0; margin:0;} -#infocontato {max-width:200px;} -#infocontato .alert-info{margin:.5rem 0; - padding:1rem; - font-size:1rem; - line-height:1.5rem; -} -#noosfero-groups {margin:auto;} - -.secondary {border:1px solid #eee; padding:1rem; margin-top:2rem;} -#interesses span {background:#333; padding:4px 6px; font-size:1rem; color:#fff; cursor:pointer;} - -#atividades p, .viewall, #comunidades p, #pessoas p {font-size:1rem;} - -#comunidades img, #pessoas img {width:100%;} - -.img-avatar-edit {position:relative;} - -.img-avatar-edit:hover div.update-img { - display: block; -} -.img-avatar-edit div.update-img { - position:absolute; - display:none; -} -.img-avatar-edit div.update-img { - bottom:10px; - left:10px; - width:130px; -} -div.update-img { - background:#333; - color:#fff; - font-size:1rem; - padding:5px 2px; - opacity: 0.7; - filter: alpha(opacity=70); /* For IE8 and earlier */ - text-align:center; - cursor:pointer; -} - -.edit-button {position:relative;} -#edit-toggle {position:absolute; left:240px; background:#fff; top:0px; border:1px solid #eee; padding:1rem 0; width:340px; height:auto;} -#edit-toggle input {margin-bottom:1rem;} - - diff --git a/src/languages/en.json b/src/languages/en.json index fda5ff1..9e053f0 100644 --- a/src/languages/en.json +++ b/src/languages/en.json @@ -23,6 +23,10 @@ "profile.others_info": "Others", "profile.community.title": "Community", "profile.person.title": "Person", + "profile.person.description": "Description", + "profile.person.contact_info": "Contact Informations", + "profile.person.contact_phone": "Phone", + "profile.person.no_contact_info": "No contact informations", "activities.title": "Activities", "activities.create_article.description": "has published on", "activities.scrap.description": "wrote in its timeline", diff --git a/src/languages/pt.json b/src/languages/pt.json index 1ee7d2a..ebe26b2 100644 --- a/src/languages/pt.json +++ b/src/languages/pt.json @@ -23,6 +23,10 @@ "profile.others_info": "Outras informações", "profile.community.title": "Comunidade", "profile.person.title": "Pessoa", + "profile.person.description": "Descrição", + "profile.person.contact_info": "Informações de Contato", + "profile.person.contact_phone": "Telefone", + "profile.person.no_contact_info": "Sem informações de contato", "activities.title": "Atividades", "activities.create_article.description": "publicou em", "activities.scrap.description": "escreveu em sua linha do tempo", -- libgit2 0.21.2