From b02c363f423d2b5975986d3dbf302cbdfed0b64d Mon Sep 17 00:00:00 2001 From: Greg Fodor <gfodor@gmail.com> Date: Sun, 14 Oct 2018 05:17:24 +0000 Subject: [PATCH] Fix up icons --- src/assets/images/presence_desktop.png | Bin 0 -> 252 bytes src/assets/images/presence_phone.png | Bin 0 -> 237 bytes src/assets/images/presence_vr.png | Bin 0 -> 558 bytes src/assets/stylesheets/presence-list.scss | 7 ++----- src/react-components/presence-list.js | 6 +++--- 5 files changed, 5 insertions(+), 8 deletions(-) create mode 100755 src/assets/images/presence_desktop.png create mode 100755 src/assets/images/presence_phone.png create mode 100755 src/assets/images/presence_vr.png diff --git a/src/assets/images/presence_desktop.png b/src/assets/images/presence_desktop.png new file mode 100755 index 0000000000000000000000000000000000000000..4dbaafa1733fb55971581d9c2fd368f4ca9e0971 GIT binary patch literal 252 zcmeAS@N?(olHy`uVBq!ia0vp^ia@Nu!3HGf><~N!q&N#aB8wRqSUW+OF*jrGFQ6b} zage(c!@6@aFM%AEbVpxD28NCO+<y{Tf&7V{E{-7;jBl?w@;Mj?uwL-L)4ceLMqbnG z0;4%CdS~29dbUl{`{%7DWc+ZskgkIZ>*^_S?^nCZb+6}@|GKZQXKR-JYUc07Ya3o{ zNoy`wezbG-1gRt^sqbb1iy3$nC7cXe5;zinCi8VX*Kw|YFRQlj{6^*VzS(VIN&D7) v*R5?iTbp;WZR_N#lMh>b|GLxV%L|q)DY>0Xm!Dk?bR2`HtDnm{r-UW|ofKV& literal 0 HcmV?d00001 diff --git a/src/assets/images/presence_phone.png b/src/assets/images/presence_phone.png new file mode 100755 index 0000000000000000000000000000000000000000..4b18d742ad8c9ddbb71fe7e1b9d897e48c73d5bb GIT binary patch literal 237 zcmeAS@N?(olHy`uVBq!ia0vp^ia@Nu!3HGf><~N!q&N#aB8wRqSUW+OF*jrGFQ6b} zage(c!@6@aFM%AEbVpxD28NCO+<y{Tf&3;<7srqa#<$lF@-`@lFki@$X%W2R;8w^S zo?v{}!Mu>A^@abQNS+v<_)7(fOAatH2>#?0H$E<-e>0g$E3%X6d_~zqu|0Cv`J|Oj zI;@)=x=3oOfmUM3p%pEGoR<~*-C5(kDnzDL%QF7a_Bw6ZshXzpY-jbIfJWx;8$In; db1DTL;AAURWtX4Q_#WsQ22WQ%mvv4FO#p{vO78#w literal 0 HcmV?d00001 diff --git a/src/assets/images/presence_vr.png b/src/assets/images/presence_vr.png new file mode 100755 index 0000000000000000000000000000000000000000..fde03d7020a2252a3722c76ee1ebe21dc6f488ef GIT binary patch literal 558 zcmV+}0@3}6P)<h;3K|Lk000e1NJLTq001EX001Be1^@s6oVXFn00009a7bBm000Gv z000Gv0c~iV`Tzg`0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0mDf|K~#7F?Nv)| z!Y~khX(JSg4T1$oY?3vb_5@_vuHXjr2B;?>H)wAV^#t?=&=b&}fb;~Z1bcU;v5AQY z&WEzflb*1VJ?~{^Yy%A%9OD+3gHN0gABYw)!j%ya1+&#^iC(WKy4~)U<}R*;Kp7xz z27`e+8jWJ27!HTqA_3}_!zC`|I3hmo_xq^d?>jX19mnZVW}@A0_jNAF4eDW~jRR=} zmSr78$;i|cq>2fj*dab4t$9RzQwxL;KWc2-_8l$&7MvqVdrVYy<}9dQm`PJ=9=F@= zzXtU@FGfZ9NYbkd9RxIU{FRdvrm}oFCuV2nE-{oQ^1$MpjZY+HV7?mm+{xGx3V<Dp z3zD-lmc|1lSqw}jR7%HkuBUu1O)llSxTN^uE-{%<i#sR=m$=9nnB|D8ewvwrs>Nlo z)%J1*!V}^P<a}KAo>1qzXeJcaIsbFKfanpwk(9QuiLw_=bVmFGNgpkcb2_pn-sSHE z_3*5TGuOm>6g;9X(q`g1b8Weie8WDyIhRO#Bt*sMe2U{n)47o%bEIzwV};X4v^K^_ w-;52)T~7ZBWh|7&ROxtZJpT<EG-yy2zok&Tan!O@Q~&?~07*qoM6N<$f@j3*z5oCK literal 0 HcmV?d00001 diff --git a/src/assets/stylesheets/presence-list.scss b/src/assets/stylesheets/presence-list.scss index 3c903f2e1..3e7ab0517 100644 --- a/src/assets/stylesheets/presence-list.scss +++ b/src/assets/stylesheets/presence-list.scss @@ -52,17 +52,14 @@ :local(.device) { width: 32px; height: 32px; - background-color: black; - border-radius: 16px; position: relative; margin: 0px 12px 0px 0px; img { position: absolute; - top: 2px; left: 2px; - width: 28px; - height: 28px; + width: 32px; + height: 32px; } } diff --git a/src/react-components/presence-list.js b/src/react-components/presence-list.js index 7ada7acaf..9770da2fd 100644 --- a/src/react-components/presence-list.js +++ b/src/react-components/presence-list.js @@ -2,9 +2,9 @@ import React, { Component } from "react"; import PropTypes from "prop-types"; import styles from "../assets/stylesheets/presence-list.scss"; import classNames from "classnames"; -import PhoneImage from "../assets/images/mobile_screen_entry.svg"; -import DesktopImage from "../assets/images/desktop_screen_entry.svg"; -import HMDImage from "../assets/images/generic_vr_entry.svg"; +import PhoneImage from "../assets/images/presence_phone.png"; +import DesktopImage from "../assets/images/presence_desktop.png"; +import HMDImage from "../assets/images/presence_vr.png"; import { FormattedMessage } from "react-intl"; export default class PresenceList extends Component { -- GitLab