thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Use url xor color on avatar, never both

Browse source 
Combining them often leaves a crufty colored ring on the outer edge of
the avatar image.

// FREEBIE
This commit is contained in:
lilia 2016-03-21 11:06:47 -07:00
parent d391f07c1e
commit 4358bdfac7
3 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
background.html
View file

@ -139,7 +139,12 @@
</script> </script>
<script type='text/x-tmpl-mustache' id='avatar'> <script type='text/x-tmpl-mustache' id='avatar'>
<span class='avatar' <span class='avatar'
style='background-image: url("{{ avatar.url }}"); background-color: {{ avatar.color }}'> {{ #avatar.url }}
style='background-image: url("{{ avatar.url }}");'>
{{ /avatar.url }}
{{ ^avatar.url }}
style='background-color: {{ avatar.color }};'>
{{ /avatar.url }}
{{ avatar.content }} {{ avatar.content }}
</span> </span>
</script> </script>

1
stylesheets/_global.scss
View file

@ -209,7 +209,6 @@ $avatar-size: 44px;
display: inline-block; display: inline-block;
height: $avatar-size; height: $avatar-size;
width: $avatar-size; width: $avatar-size;
background: $grey_l url('/images/default.png') no-repeat center;
border-radius: 50%; border-radius: 50%;
background-size: cover; background-size: cover;
vertical-align: middle; vertical-align: middle;

1
stylesheets/manifest.css
View file

@ -173,7 +173,6 @@ img.emoji {
display: inline-block; display: inline-block;
height: 44px; height: 44px;
width: 44px; width: 44px;
background: #f3f3f3 url("/images/default.png") no-repeat center;
border-radius: 50%; border-radius: 50%;
background-size: cover; background-size: cover;
vertical-align: middle; vertical-align: middle;