From 333ed3bc175db715932e9d9c985c61a8de4616ed Mon Sep 17 00:00:00 2001 From: lilia Date: Thu, 18 May 2017 18:17:31 -0700 Subject: [PATCH] Fix file icons on android theme In android (non dark) theme incoming file attachments were all rendering the generic file icon instead of media-type-specific icons. // FREEBIE --- stylesheets/_android.scss | 9 +++++++++ stylesheets/manifest.css | 12 ++++++++++++ 2 files changed, 21 insertions(+) diff --git a/stylesheets/_android.scss b/stylesheets/_android.scss index 2b7038f77300..0ac62f4bb51d 100644 --- a/stylesheets/_android.scss +++ b/stylesheets/_android.scss @@ -50,6 +50,15 @@ .incoming .bubble .fileView .icon { @include color-svg('../images/file.svg', white); + &.audio { + @include color-svg('../images/audio.svg', white); + } + &.video { + @include color-svg('../images/video.svg', white); + } + &.voice { + @include color-svg('../images/voice.svg', white); + } } button.clock { diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css index 76e43871bb49..71edfb6c0eef 100644 --- a/stylesheets/manifest.css +++ b/stylesheets/manifest.css @@ -2137,6 +2137,18 @@ li.entry .error-icon-container { -webkit-mask: url("../images/file.svg") no-repeat center; -webkit-mask-size: 100%; background-color: white; } + .android .incoming .bubble .fileView .icon.audio { + -webkit-mask: url("../images/audio.svg") no-repeat center; + -webkit-mask-size: 100%; + background-color: white; } + .android .incoming .bubble .fileView .icon.video { + -webkit-mask: url("../images/video.svg") no-repeat center; + -webkit-mask-size: 100%; + background-color: white; } + .android .incoming .bubble .fileView .icon.voice { + -webkit-mask: url("../images/voice.svg") no-repeat center; + -webkit-mask-size: 100%; + background-color: white; } .android button.clock { -webkit-mask: url("../images/clock.svg") no-repeat center;