diff --git a/images/pow.svg b/images/pow.svg new file mode 100644 index 000000000..830b9ada9 --- /dev/null +++ b/images/pow.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/stylesheets/_ios.scss b/stylesheets/_ios.scss index e10e76b25..6e895cb27 100644 --- a/stylesheets/_ios.scss +++ b/stylesheets/_ios.scss @@ -48,6 +48,10 @@ @include color-svg('../images/sending.svg', $color-white); } + .module-message__metadata__status-icon--pow { + @include color-svg('../images/pow.svg', $color-white); + } + .module-message__metadata__status-icon--sent { @include color-svg('../images/check-circle-outline.svg', $color-white-08); } @@ -153,6 +157,10 @@ @include color-svg('../images/sending.svg', $color-white); } + .module-message__metadata__status-icon--pow { + @include color-svg('../images/pow.svg', $color-white); + } + .module-message__metadata__status-icon--sent { @include color-svg('../images/check-circle-outline.svg', $color-white-08); } diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss index 06796c453..5430952bd 100644 --- a/stylesheets/_modules.scss +++ b/stylesheets/_modules.scss @@ -535,6 +535,11 @@ animation: module-message__metdata__status-icon--spinning 4s linear infinite; } +.module-message__metadata__status-icon--pow { + @include color-svg('../images/pow.svg', $color-gray-60); + animation: module-message__metdata__status-icon--spinning 4s linear infinite; +} + @keyframes module-message__metdata__status-icon--spinning { 100% { -webkit-transform: rotate(360deg); diff --git a/stylesheets/_theme_dark.scss b/stylesheets/_theme_dark.scss index c29bb6312..190c077a9 100644 --- a/stylesheets/_theme_dark.scss +++ b/stylesheets/_theme_dark.scss @@ -770,6 +770,10 @@ body.dark-theme { @include color-svg('../images/sending.svg', $color-white-08); } + .module-message__metadata__status-icon--pow { + @include color-svg('../images/pow.svg', $color-white-08); + } + .module-message__metadata__status-icon--sent { @include color-svg('../images/check-circle-outline.svg', $color-white-08); }