Add SVG version of contact/group pictures

Artwork derived from free fontawesome icons
pull/6583/head
Thomas Bruederli 6 years ago
parent a62479a311
commit 117bba6d2a

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 640 640" style="enable-background:new 0 0 640 640; background-color: #f2f2f2;" xml:space="preserve">
<path style="fill:#cccccc;" d="M133.5,273.5c30.3,0,55-24.7,55-55s-24.7-55-55-55s-55,24.7-55,55S103.2,273.5,133.5,273.5z M518.5,273.5
c30.3,0,55-24.7,55-55s-24.7-55-55-55s-55,24.7-55,55S488.2,273.5,518.5,273.5z M546,301h-55c-15.1,0-28.8,6.1-38.8,16
c34.6,19,59.2,53.3,64.5,94h56.7c15.2,0,27.5-12.3,27.5-27.5V356C601,325.7,576.3,301,546,301z M326,301c53.2,0,96.2-43.1,96.2-96.2
s-43.1-96.2-96.2-96.2s-96.2,43.1-96.2,96.2S272.8,301,326,301z M392,328.5h-7.1c-17.9,8.6-37.7,13.8-58.9,13.8s-40.9-5.2-58.9-13.8
H260c-54.7,0-99,44.3-99,99v24.8c0,22.8,18.5,41.2,41.2,41.2h247.5c22.8,0,41.2-18.5,41.2-41.2v-24.8
C491,372.8,446.7,328.5,392,328.5z M199.8,317c-10-9.9-23.6-16-38.8-16h-55c-30.3,0-55,24.7-55,55v27.5c0,15.2,12.3,27.5,27.5,27.5
h56.6C140.5,370.3,165.1,336,199.8,317L199.8,317z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512; background-color: #f2f2f2;" xml:space="preserve">
<path style="fill:#cccccc;" d="M256,246c50.5,0,91.4-40.9,91.4-91.4S306.5,63.1,256,63.1s-91.4,40.9-91.4,91.4S205.5,246,256,246z M320,268.9
h-11.9c-15.9,7.3-33.5,11.4-52.1,11.4s-36.1-4.1-52.1-11.4H192c-53,0-96,43-96,96v29.7c0,18.9,15.4,34.3,34.3,34.3h251.4
c18.9,0,34.3-15.4,34.3-34.3v-29.7C416,311.9,373,268.9,320,268.9z"/>
</svg>

After

Width:  |  Height:  |  Size: 600 B

@ -5,8 +5,8 @@
<div class="formcontent">
<div class="contact-header">
<div id="contactphoto" class="contact-photo">
<roundcube:object name="contactphoto" id="contactpic" placeholder="/images/contactpic.png"
placeholderGroup="/images/contactgroup.png" />
<roundcube:object name="contactphoto" id="contactpic" placeholder="/images/contactpic.svg"
placeholderGroup="/images/contactgroup.svg" />
</div>
<roundcube:object name="contacthead" id="contacthead" class="contact-head readonly" with-source="true" />
</div>

@ -6,7 +6,7 @@
<div class="contact-header">
<fieldset id="contactphoto" class="contact-photo">
<legend class="voice"><roundcube:label name="contactphoto" /></legend>
<roundcube:object name="contactphoto" id="contactpic" class="image-upload" placeholder="/images/contactpic.png" />
<roundcube:object name="contactphoto" id="contactpic" class="image-upload" placeholder="/images/contactpic.svg" />
<roundcube:if condition="env:photocol" />
<roundcube:object name="fileDropArea" id="contactpic" />
<roundcube:endif />

@ -5,8 +5,8 @@
<div class="print-content formcontent" role="main">
<div class="contact-header">
<div id="contactphoto" class="contact-photo">
<roundcube:object name="contactphoto" id="contactpic" placeholder="/images/contactpic.png"
placeholderGroup="/images/contactgroup.png" />
<roundcube:object name="contactphoto" id="contactpic" placeholder="/images/contactpic.svg"
placeholderGroup="/images/contactgroup.svg" />
</div>
<roundcube:object name="contacthead" id="contacthead" class="contact-head readonly" with-source="true" />
</div>

@ -25,7 +25,7 @@
<roundcube:endif />
</h2>
<div class="short-header">
<roundcube:object name="contactphoto" class="contactphoto" placeholder="/images/contactpic.png" />
<roundcube:object name="contactphoto" class="contactphoto" placeholder="/images/contactpic.svg" />
<div class="header-content">
<roundcube:object name="messageSummary" addicon="virtual" class="header-subject" />
<div class="message-partheaders hidden">

@ -8,7 +8,7 @@
<roundcube:object name="messageHeaders" valueOf="subject" />
</h2>
<div class="short-header">
<roundcube:object name="contactphoto" class="contactphoto" placeholder="/images/contactpic.png" />
<roundcube:object name="contactphoto" class="contactphoto" placeholder="/images/contactpic.svg" />
<div class="header-content">
<div class="message-partheaders">
<roundcube:object name="messageHeaders" class="headers-table" addicon="virtual" exclude="subject" max="10" />

Loading…
Cancel
Save