From d8d34e7afc472570899a12b44dc5ce1576d04b03 Mon Sep 17 00:00:00 2001 From: lilia Date: Fri, 1 Apr 2016 11:03:26 -0700 Subject: [PATCH] Icon upgrade Also remove unused images. // FREEBIE --- images/arrow_drop_down.png | Bin 94 -> 0 bytes images/audio.png | Bin 449 -> 0 bytes images/audio.svg | 1 + images/back.png | Bin 125 -> 0 bytes images/back.svg | 1 + images/back_white.png | Bin 116 -> 0 bytes images/check-black.png | Bin 140 -> 0 bytes images/check-white.png | Bin 144 -> 0 bytes images/check.png | Bin 128 -> 0 bytes images/check.svg | 1 + images/default.png | Bin 5217 -> 0 bytes images/double-check-black.png | Bin 184 -> 0 bytes images/double-check-white.png | Bin 197 -> 0 bytes images/double-check.svg | 1 + images/icon_tile.png | Bin 1135 -> 0 bytes images/menu.png | Bin 112 -> 0 bytes images/menu.svg | 4 ++ images/menu_black.png | Bin 108 -> 0 bytes images/pencil.png | Bin 160 -> 0 bytes images/refresh.png | Bin 299 -> 0 bytes images/video.png | Bin 247 -> 0 bytes images/video.svg | 1 + images/x.png | Bin 264 -> 0 bytes images/x.svg | 1 + js/notifications.js | 2 +- js/views/file_input_view.js | 4 +- stylesheets/_conversation.scss | 14 +------ stylesheets/_global.scss | 17 +++------ stylesheets/_index.scss | 20 +--------- stylesheets/_variables.scss | 18 +++++++++ stylesheets/manifest.css | 68 +++++++++++++++++---------------- 31 files changed, 74 insertions(+), 79 deletions(-) delete mode 100644 images/arrow_drop_down.png delete mode 100644 images/audio.png create mode 100644 images/audio.svg delete mode 100644 images/back.png create mode 100644 images/back.svg delete mode 100644 images/back_white.png delete mode 100644 images/check-black.png delete mode 100644 images/check-white.png delete mode 100644 images/check.png create mode 100644 images/check.svg delete mode 100644 images/default.png delete mode 100644 images/double-check-black.png delete mode 100644 images/double-check-white.png create mode 100644 images/double-check.svg delete mode 100644 images/icon_tile.png delete mode 100644 images/menu.png create mode 100644 images/menu.svg delete mode 100644 images/menu_black.png delete mode 100644 images/pencil.png delete mode 100644 images/refresh.png delete mode 100644 images/video.png create mode 100644 images/video.svg delete mode 100644 images/x.png create mode 100644 images/x.svg diff --git a/images/arrow_drop_down.png b/images/arrow_drop_down.png deleted file mode 100644 index 4b1be1c43b43628f20c2ecc0ca0b6d3b08731485..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 94 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4i*Lm2CurW#S9D#s-7;6Ar*|t5(^VVObq_G wH}fvZ%v3l#jqQ@mHHS&@4FwjBfeZ}G^(5Y2Y!to3z`(%Z>FVdQ&MBb@0PdR^!~g&Q diff --git a/images/audio.png b/images/audio.png deleted file mode 100644 index d29eeb7d810ab5d0f20f3de7df7019c08dec810d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 449 zcmeAS@N?(olHy`uVBq!ia0y~yU{C>J4i*Lm25-&)VFm^Ug=CK)Uj~LMH3o);76yi2 z3=9knFBlj~4Hy_+B``2p&0t^f}1+3JgW ze)6ZkHawH|gV*epytCcQV}INQFDC9_C=It-dF+q7@Y9qVJYs*(Cb-Tr{BM|YL*iTW z(R`x~latQW>ugHmS%1)ob%{i?L56L!!koE$(<+Y~@Y!Sdf8wJ5Ow9aK&Yt?fqw~B; zcjLpR6Ip48D)%PT$?s(Qn>eBElg)uY%1@-e%va<+HJR~q+=To9ew!%{d*Yi9EC_j3 z@m9Q9Wy*8U$OQk!&%X}-iTfncYP(19Q! zmC4?bhKCLoNa)nbzHsE?GRtdwd*O%i;w39g6L#>J+RglPD1LsTox$ZMo}b)2Ia(p^ z>l->JKH~ahzQIdq@s?$KPhL2+z~EMqqBsM?!*2$6e>*hKWME)m@O1TaS?83{1OQu1 BvG)J~ diff --git a/images/audio.svg b/images/audio.svg new file mode 100644 index 000000000..9f81966e0 --- /dev/null +++ b/images/audio.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/back.png b/images/back.png deleted file mode 100644 index 22b624b31f2a72ecb5a5c1493ebf0bc7563b6807..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 125 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4i*Lm2CurW#S9D#E}kxqAr*|t4y=nE7&$zH z{xNW*dItWR|ImP$pLeRfqVLZ@wz#C&dWIE$*qco{JiB<0OH{OXPOIiITB6EV`AO)Z c1_Og*rtH}(^3p#U7#J8lUHx3vIVCg!0C_bdq5uE@ diff --git a/images/back.svg b/images/back.svg new file mode 100644 index 000000000..4449fbd71 --- /dev/null +++ b/images/back.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/back_white.png b/images/back_white.png deleted file mode 100644 index 4d7869d26f59e9104ff46a6b9778da2660594811..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 116 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4i*Lm2CurW#S9D#)}AhoAr_~T6C_wg8vpbD zm-Yz$_y7O<|4~ac`4xRDH8M{f_6Ypfp7FGR_u-PZ^9t7%xz3ul>mrYn90P-VtmmR; TQ=3)>1_lOCS3j3^P6LLh8Wcl=4`w(B#zesE}SOszQmfGbtoacTlXVjDNleTkTdUS9-)W}KQN s=vAQo`}_yCMJ)3-**d5?voJ7NbxWqs(mW}`z`(%Z>FVdQ&MBb@0N^7mE&u=k diff --git a/images/check-white.png b/images/check-white.png deleted file mode 100644 index 90c92b3d89f533c61b7ed22cd35f2c845219cfcc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 144 zcmeAS@N?(olHy`uVBq!ia0y~yU=RXf4i*LmhCj#M?l3SggnPO;hG?8mPLK$CV1N1l zxBpx%Q_lSU|G%EmPPHdNmG{TgGphb4>o5MV{{Q;W)H4UOPSyYX&;M`#zxD0zoDnmb yB4!@^f3xB)Q`ooehT?^%q&V6)9$3(k#ULf?opVrQjtm0>1B0ilpUXO@geCwpvpc;2 diff --git a/images/check.png b/images/check.png deleted file mode 100644 index 1c14c9c44592e95983dec13ca705ab99a6c54f21..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 128 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4i*Lm2CurW#S9D#?w&4=Ar*|t2YB5Y^)gQ_ zmi%X6GGW;td*{O+g3le=Fhy~W$YtloN%ay+9)&*45#B1hiVj6Bx-dofT2p}E60sRY gi?$|c$g?uMV$!{Ee&;h81_lNOPgg&ebxsLQ0BH#;H2?qr diff --git a/images/check.svg b/images/check.svg new file mode 100644 index 000000000..e098d5690 --- /dev/null +++ b/images/check.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/default.png b/images/default.png deleted file mode 100644 index cdf0bb9f815b84d07965747a31424d15d750a364..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 5217 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 N44$rjF6*2UngE&Zvk(9P diff --git a/images/double-check-black.png b/images/double-check-black.png deleted file mode 100644 index 7ac2ba93fb6e534566c95ed6f83b0dda721627fa..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 184 zcmeAS@N?(olHy`uVBq!ia0y~yU=RXf4i*LmhCj#M?l3Sg)O)%(hEyf~!}iN15Hdi%wWVEOtbnQI-+dRd3} zy>r``vq$Gs>a0_rPG9PHn)WHOt&Az^+b^!$MTyTID!j1Rd1P5k!n~;P9JZAUc72^= otL>c?o_u7Qb^tre{%>rp-8#*}im$pE7#J8lUHx3vIVCg!0I?8DeEZpU zfB$71X1%OGUT+!Wb?)!~fA?ipq&)op|9^3Tc44#DO2yz#g@BXW|F6sN`ZxRU{lD=H z9^HTL|BnA}fBZkMgjd6)cmM1E*#C`xu>a40_W$?)Txb8yae2{yxqwuzgj6?+J51rr ze*Ay<-`-*lci6Xo`*|m@X|6sfd+bj@RKkJ9(hQ<@?HV;^GhQ+ \ No newline at end of file diff --git a/images/icon_tile.png b/images/icon_tile.png deleted file mode 100644 index 4710e2a73133f9012cd6e0e201b5ef162a00b290..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1135 zcmeAS@N?(olHy`uVBq!ia0y~yU@!t<4mJh`208nVjSLJ7Y)RhkE)4%caKYZ?lNlHo zI14-?iy0XB4ude`@%$Aj3=9nHC7!;n?Dsij7-X$%l7)mA7?}Tfx;Tbp+Z z-wbHc;>i3pZL_5Y3e0qtNgN}{)!QDTu zKH2eyuVF?)@L6q@hi7kuu6%9QxJ#)|Df&;}76s3`Gaef&?0x219SEJcVuR7Mv%&eB zl@#`T4KTLgnJlnJOLo1>k=or(eLV}mUg)feid)C~z~sypr@jw&osVtGD2o-a?C)HE zbMKS07fvmW>@A%2X4jG#m91MYRV2?7Kf5`lX8y8Ua+?#Etv+-2!DnBshn{?)B2~bq))d_~BXf^qu8rn1on%AI#8NZo@He(Z=5Cn-wY#{|$2J*;Hq)GyCpq z)vGDu>W1de`UJkuep=kwb@8^`x5Fl8ff*Tt0u+gnL^#qog5wa m7#q5apX{9r&90mi^2L5L9OBkHEziKfz~JfX=d#Wzp$P!TvlKA^ diff --git a/images/menu.png b/images/menu.png deleted file mode 100644 index 017e45edec435f227c0fadfa13a4a27353acafd0..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 112 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4i*Lm2CurW#S9D#=AJH&Ar_~T6C{>BsK4<4 z`v3U9-__#|zy7cAL1?y&aG9)!N}$<~|MfrrAFaQCF+hrUX`+Nz2rI+$Jm)`o>GQZ5 Q7#J8lUHx3vIVCg!0G(bZzyJUM diff --git a/images/menu.svg b/images/menu.svg new file mode 100644 index 000000000..c696d4c8e --- /dev/null +++ b/images/menu.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/menu_black.png b/images/menu_black.png deleted file mode 100644 index 0e4f2f6ea0564fe9d6ebdb4bea0df48aced9de0f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 108 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4i*Lm2CurW#S9D##-1*YAr*|t65A9y9-1E3 zW~*Oxm3iua_CwQ;WLL0W`_NRu`;SMz@l@@~XGbpvNbxRB7Fi*Ar*{Q&#mQcFc5Kl zxLM}E@f1s~8w;B(3t0@7aLjWs-M*5+?``?)Je NJYD@<);T3K0RSH8I_Ura diff --git a/images/refresh.png b/images/refresh.png deleted file mode 100644 index 94ca8a1b4dda92911188b4383ee704999d888652..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 299 zcmeAS@N?(olHy`uVBq!ia0y~yU=RXf4i*LmhCj#M?l3SgC?tCX`7$t6sWC7#v@kII zVqjosc)`F>YQVtoDuIE)Y6b&?c)^@qfi?^b3`|Mh?k)`f+xyS#XJBC9EbxddW?BRYud5 z4;PCa9xX_%y1|iaxM9NmA9n9Q)UiCQIuskA6SzXA#@nT7OXn}ICq^?Zx7}N@I3hE> zAgi)yL8s6;4}+z>Tt6i}ceZHV{Q5G_$@~4Q ys;~VpF#g;*wcR_tv#0jw*Yt;>-|xkL$nSd@Tyb@)unH(R7(8A5T-G@yGywpu%W*{j diff --git a/images/video.png b/images/video.png deleted file mode 100644 index 8292addbe1ecd0094bd69ddce3742263e683b531..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 247 zcmeAS@N?(olHy`uVBq!ia0y~yU{C>J4i*Lm25-&)VFm^Ug=CK)Uj~LMH3o);76yi2 z3=9knFBlj~4Hy_+B``2p&0t^ \ No newline at end of file diff --git a/images/x.png b/images/x.png deleted file mode 100644 index 41a77702b8d30e56207d421498a035635fd9f325..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 264 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4i*Lm2CurW#S9D#oCO|{#S9GG!XV7ZFl!D- z1$&97uPgg~9#%0<1^ub9S_}*f%ROBjLo7}|owSj+*+9VczMx1dUlp6jQH3vO9%{bG zG-f?16>^jLWsr*C4HE2NGCM71iQ()@<*i%q`M3OLlMs}<^W*tvrdf*}%`Y)W^fE9o OFnGH9xvX \ No newline at end of file diff --git a/js/notifications.js b/js/notifications.js index 985a0f529..b62110c71 100644 --- a/js/notifications.js +++ b/js/notifications.js @@ -78,7 +78,7 @@ }.bind(this)), buttons : [{ title : 'Mark all as read', - iconUrl : 'images/check.png' + iconUrl : 'images/check.svg' }] }); } else { diff --git a/js/views/file_input_view.js b/js/views/file_input_view.js index b8fa45ef2..a886ea2c9 100644 --- a/js/views/file_input_view.js +++ b/js/views/file_input_view.js @@ -119,8 +119,8 @@ var type = file.type.split('/')[0]; switch (type) { - case 'audio': this.addThumb('/images/audio.png'); break; - case 'video': this.addThumb('/images/video.png'); break; + case 'audio': this.addThumb('/images/audio.svg'); break; + case 'video': this.addThumb('/images/video.svg'); break; case 'image': this.oUrl = URL.createObjectURL(file); this.addThumb(this.oUrl); diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss index 8b52acc87..146e4745d 100644 --- a/stylesheets/_conversation.scss +++ b/stylesheets/_conversation.scss @@ -146,16 +146,6 @@ span { vertical-align: middle; } - - &:before { - content: ''; - display: inline-block; - vertical-align: middle; - width: 18px; - height: 18px; - background: url('/images/refresh.png') no-repeat center center; - background-size: 100%; - } } } @@ -332,11 +322,11 @@ } .sent .status { display: inline-block; - background: url('/images/check-black.png') center; + @include color-svg('/images/check.svg', black); } .delivered .status { display: inline-block; - background: url('/images/double-check-black.png') center; + @include color-svg('/images/double-check.svg', black); } .pending .status { display: inline-block; diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss index a044c91b9..9e7b881e5 100644 --- a/stylesheets/_global.scss +++ b/stylesheets/_global.scss @@ -61,10 +61,11 @@ button { cursor: pointer; } a { color: $blue; } .inactive button.back { - background: url('/images/back.png') no-repeat center center; + @include header-icon-black('/images/back.svg'); + } button.back { - background: url('/images/back_white.png') no-repeat center center; + @include header-icon-white('/images/back.svg'); } ::-webkit-scrollbar { @@ -96,7 +97,7 @@ button.back { } .inactive .menu .hamburger { - background: url('/images/menu_black.png') no-repeat center; + @include header-icon-black('/images/menu.svg'); } .menu { @@ -106,12 +107,8 @@ button.back { .hamburger { width: $button-height; height: $button-height; - background: url('/images/menu.png') no-repeat center; vertical-align: middle; - - &:hover { - background-color: rgba(0,0,0, 0.2); - } + @include header-icon-white('/images/menu.svg'); } .menu-list { display: none; @@ -260,10 +257,6 @@ $avatar-size: 44px; } } -.conversation-header .check { - float: right; - background: url('/images/check.png') no-repeat center center; -} .conversation-list-item { cursor: pointer; &:hover { diff --git a/stylesheets/_index.scss b/stylesheets/_index.scss index 251235600..f64effd8c 100644 --- a/stylesheets/_index.scss +++ b/stylesheets/_index.scss @@ -100,7 +100,7 @@ input.search { display: block; width: 16px; height: 16px; - background: url('/images/x.png') no-repeat center; + background: url('/images/x.svg') no-repeat center; background-size: cover; } @@ -109,24 +109,6 @@ input.search { } } -.tool-bar { - button.show-new-conversation { - float: right; - height: $button-height; - width: $button-height; - border: 0; - outline: 0; - font: 300 36px $roboto; - color: white; - background: url('/images/pencil.png') no-repeat center center; - - &:hover { - background-color: darken($grey_l, 3%); - } - } - -} - .last-timestamp { font-size: smaller; float: right; diff --git a/stylesheets/_variables.scss b/stylesheets/_variables.scss index cda15a99d..a7855036a 100644 --- a/stylesheets/_variables.scss +++ b/stylesheets/_variables.scss @@ -38,3 +38,21 @@ $unread-badge-size: 21px; $loading-height: 16px; $big-avatar-min-width: 900px; + +@mixin color-svg($svg, $color) { + -webkit-mask: url($svg) no-repeat center; + -webkit-mask-size: 100%; + background-color: $color; +} +@mixin header-icon-white($svg) { + @include color-svg($svg, rgba(255,255,255, 0.8)); + &:hover { + @include color-svg($svg, white); + } +} +@mixin header-icon-black($svg) { + @include color-svg($svg, rgba(0,0,0, 0.5)); + &:hover { + @include color-svg($svg, black); + } +} diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css index 1d0f669e1..2306a51d7 100644 --- a/stylesheets/manifest.css +++ b/stylesheets/manifest.css @@ -67,10 +67,22 @@ a { color: #2090ea; } .inactive button.back { - background: url("/images/back.png") no-repeat center center; } + -webkit-mask: url("/images/back.svg") no-repeat center; + -webkit-mask-size: 100%; + background-color: rgba(0, 0, 0, 0.5); } + .inactive button.back:hover { + -webkit-mask: url("/images/back.svg") no-repeat center; + -webkit-mask-size: 100%; + background-color: black; } button.back { - background: url("/images/back_white.png") no-repeat center center; } + -webkit-mask: url("/images/back.svg") no-repeat center; + -webkit-mask-size: 100%; + background-color: rgba(255, 255, 255, 0.8); } + button.back:hover { + -webkit-mask: url("/images/back.svg") no-repeat center; + -webkit-mask-size: 100%; + background-color: white; } ::-webkit-scrollbar { width: 10px; } @@ -91,7 +103,13 @@ button.back { display: table-cell; } .inactive .menu .hamburger { - background: url("/images/menu_black.png") no-repeat center; } + -webkit-mask: url("/images/menu.svg") no-repeat center; + -webkit-mask-size: 100%; + background-color: rgba(0, 0, 0, 0.5); } + .inactive .menu .hamburger:hover { + -webkit-mask: url("/images/menu.svg") no-repeat center; + -webkit-mask-size: 100%; + background-color: black; } .menu { position: relative; @@ -99,10 +117,14 @@ button.back { .menu .hamburger { width: 36px; height: 36px; - background: url("/images/menu.png") no-repeat center; - vertical-align: middle; } + vertical-align: middle; + -webkit-mask: url("/images/menu.svg") no-repeat center; + -webkit-mask-size: 100%; + background-color: rgba(255, 255, 255, 0.8); } .menu .hamburger:hover { - background-color: rgba(0, 0, 0, 0.2); } + -webkit-mask: url("/images/menu.svg") no-repeat center; + -webkit-mask-size: 100%; + background-color: white; } .menu .menu-list { display: none; position: absolute; @@ -217,10 +239,6 @@ img.emoji { .new-group-update .members .contact .number { display: none; } -.conversation-header .check { - float: right; - background: url("/images/check.png") no-repeat center center; } - .conversation-list-item { cursor: pointer; } .conversation-list-item:hover { @@ -511,23 +529,11 @@ input.search { display: block; width: 16px; height: 16px; - background: url("/images/x.png") no-repeat center; + background: url("/images/x.svg") no-repeat center; background-size: cover; } input.search::-webkit-search-cancel-button:hover { cursor: pointer; } -.tool-bar button.show-new-conversation { - float: right; - height: 36px; - width: 36px; - border: 0; - outline: 0; - font: 300 36px Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif; - color: white; - background: url("/images/pencil.png") no-repeat center center; } - .tool-bar button.show-new-conversation:hover { - background-color: #ebebeb; } - .last-timestamp { font-size: smaller; float: right; @@ -732,14 +738,6 @@ input.search { font-weight: bold; } .message-detail .info button span { vertical-align: middle; } - .message-detail .info button:before { - content: ''; - display: inline-block; - vertical-align: middle; - width: 18px; - height: 18px; - background: url("/images/refresh.png") no-repeat center center; - background-size: 100%; } .message-detail .contacts .contact-detail { padding: 0 36px; margin-bottom: 5px; } @@ -886,11 +884,15 @@ input.search { .message-container .sent .status, .message-list .sent .status { display: inline-block; - background: url("/images/check-black.png") center; } + -webkit-mask: url("/images/check.svg") no-repeat center; + -webkit-mask-size: 100%; + background-color: black; } .message-container .delivered .status, .message-list .delivered .status { display: inline-block; - background: url("/images/double-check-black.png") center; } + -webkit-mask: url("/images/double-check.svg") no-repeat center; + -webkit-mask-size: 100%; + background-color: black; } .message-container .pending .status, .message-list .pending .status { display: inline-block;