Adding avatar template
parent
62f31aeab3
commit
3cd33bdb6f
|
@ -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")
|
|
@ -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
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue