amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-05-30 23:55:34 +00:00
Code Issues Projects Releases Wiki Activity

(js,html) Improve sgAvatarImage directive

Browse Source
This commit is contained in:
Francis Lachapelle
2015-09-04 09:09:43 -04:00
parent f4dcd37570
commit 9d5f42eefa
12 changed files with 83 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/WebServerResources/scss/components/chips/chips.scss
+14
View File
@@ -21,6 +21,20 @@ md-chips {
width: (3 * $contact-chip-name-width);
}
// Adjust avatar size according to chips dimensions
.md-contact-chips {
.md-chips {
.md-chip {
.md-contact-avatar {
md-icon {
height: ($chip-height * .75);
margin: ($chip-height * .25/2);
}
}
}
}
}
// In the autocompletion menu, don't limit the contact name to a fixed width
// and show the email address right after it
.md-contact-suggestion {
UI/WebServerResources/scss/components/list/list.scss
+12 -10
View File
@@ -42,6 +42,7 @@ md-list-item {
.md-tile-left,
.md-tile-right {
display: block;
border-radius: 100%;
padding: $layout-gutter-width;
width: $sg-md-grid-pitch + $baseline-grid;
@@ -149,17 +150,18 @@ div.md-tile-left {
// Avatar placeholder
// ------------------------------------
.md-tile-left:before {
.md-tile-left:before,
.md-tile-left md-icon {
font-family: 'Material Icons';
font-size: 40px;
color: rgba(0, 0, 0, 0.26);
}
.md-tile-left-card {
@extend .md-tile-left;
&:before {
content: "\e7fd"; // person
}
}
//.md-tile-left-card {
// @extend .md-tile-left;
// &:before {
// content: "\e7fd"; // person
// }
//}
.md-tile-left-list {
@extend .md-tile-left;
&:before {
@@ -201,9 +203,9 @@ div.md-tile-left {
// content: "\e7fd"; // person
//}
.sg-avatar {
@extend .md-tile-left-card;
margin-right: 0;
margin-left: 0;
// @extend .md-tile-left-card;
// margin-right: 0;
// margin-left: 0;
}
.sg-list-avatar {
@extend .md-tile-left-list;