diff --git a/app/partials/user-avatar.jade b/app/partials/user-avatar.jade new file mode 100644 index 00000000..d16ae3d2 --- /dev/null +++ b/app/partials/user-avatar.jade @@ -0,0 +1,20 @@ +extends dummy-layout + +block head + title Taiga Project management web application with scrum in mind! + +block content + div.wrapper(tg-user-avatar, ng-controller="UserSettingsController as ctrl", + ng-init="section='user-settings'") + sidebar.menu-secondary.sidebar(tg-user-settings-navigation="avatar") + include views/modules/user-settings-menu + + section.main.user-avatar + header + include views/components/mainTitle + + form + fieldset + img.avatar(tg-bo-src="user.photo" alt="avatar") + a.button.button-green Cambiar + input(type="file", id="user-avatar", ng-value="user.photo", class="hidden") diff --git a/app/styles/main.scss b/app/styles/main.scss index 9066641e..546e319f 100755 --- a/app/styles/main.scss +++ b/app/styles/main.scss @@ -107,6 +107,7 @@ $prefix-for-spec: true; //Modules user Settings @import 'modules/user-settings/mail-notifications-table'; @import 'modules/user-settings/user-profile'; +@import 'modules/user-settings/user-avatar'; //################################################# // Layout diff --git a/app/styles/modules/user-settings/user-avatar.scss b/app/styles/modules/user-settings/user-avatar.scss new file mode 100644 index 00000000..e2082bc5 --- /dev/null +++ b/app/styles/modules/user-settings/user-avatar.scss @@ -0,0 +1,22 @@ +.user-avatar { + fieldset { + margin-bottom: 1rem; + width: 50%; + &:last-child { + margin-top: 2rem; + } + } + img { + width: 300px; + border: 2px solid $white; + border-radius: 8%; + } + .button { + width: 130px; + height: 34px; + position: absolute; + bottom: 20px; + left: 85px; + cursor: pointer; + } +}