diff --git a/app/assets/javascripts/app/models/user.coffee b/app/assets/javascripts/app/models/user.coffee index 4ae576bc3..5ce2b6d85 100644 --- a/app/assets/javascripts/app/models/user.coffee +++ b/app/assets/javascripts/app/models/user.coffee @@ -105,6 +105,7 @@ class App.User extends App.Model placement: placement vip: vip url: @imageUrl() + initials: @initials() isOutOfOffice: -> return false if @out_of_office isnt true diff --git a/app/assets/javascripts/app/views/avatar.jst.eco b/app/assets/javascripts/app/views/avatar.jst.eco index 423634fb4..294d400fd 100644 --- a/app/assets/javascripts/app/views/avatar.jst.eco +++ b/app/assets/javascripts/app/views/avatar.jst.eco @@ -1,3 +1,3 @@ -<%- @data %>> +<%- @data %> data-initials="<%- @initials %>"> <%- @Icon('crown') if @vip %> \ No newline at end of file diff --git a/app/assets/stylesheets/print.scss b/app/assets/stylesheets/print.scss index d0f7588ff..7d67b68b8 100644 --- a/app/assets/stylesheets/print.scss +++ b/app/assets/stylesheets/print.scss @@ -201,6 +201,35 @@ th.js-tableHead:not([data-column-key="icon"]) { .avatar { border: 1px solid black; + + &:not(.avatar--unique) { + &:before { + content: attr(data-initials); + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + text-align: center; + font-size: 13px; + line-height: 40px; + } + + &.size-30:before { + font-size: 10px; + line-height: 32px; + } + + &.size-50:before { + font-size: 16px; + line-height: 52px; + } + + &.size-80:before { + font-size: 26px; + line-height: 84px; + } + } }