PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Merge pull request #2241 from matrix-org/bwindels/redesignicons1

Browse source 
Redesign: update (most) icons
This commit is contained in:
Bruno Windels 2018-10-23 19:40:59 +00:00 committed by GitHub
commit 5425eda438
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
24 changed files with 99 additions and 219 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
res/css/views/rooms/_MessageComposer.scss
View file

@ -57,10 +57,6 @@ limitations under the License.
width: 100%; width: 100%;
} }
.mx_MessageComposer_row > div:last-child{
padding-right: 0;
}
.mx_MessageComposer .mx_MessageComposer_avatar { .mx_MessageComposer .mx_MessageComposer_avatar {
padding: 0 28px; padding: 0 28px;
} }
@ -69,6 +65,10 @@ limitations under the License.
display: block; display: block;
} }
.mx_MessageComposer .mx_AccessibleButton {
padding: 0 12px 0 0;
}
.mx_MessageComposer_composecontrols { .mx_MessageComposer_composecontrols {
width: 100%; width: 100%;
} }

9
res/img/icon-call.svg
View file

@ -1,8 +1,3 @@
<?xml version="1.0" encoding="UTF-8"?> <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <path d="M19.5201 14.9653C18.3712 14.0417 17.4758 13.6112 16.7039 13.6112C15.7619 13.6112 15.1451 14.2366 14.4929 14.8995L14.2813 15.1131C14.1946 15.1991 14.0855 15.2398 13.9371 15.2398C13.3932 15.2398 12.2251 14.7202 9.75251 12.2469C6.32291 8.81727 6.69205 7.91386 6.88651 7.71874L7.09742 7.5105C8.2904 6.33663 9.32025 5.32278 7.0343 2.47967C6.23424 1.48426 5.45173 1 4.64301 1C3.55248 1 2.71952 1.87696 1.98391 2.65079C1.85901 2.78169 1.73834 2.9097 1.61922 3.0286C0.791599 3.85577 0.793599 5.66391 1.62522 7.86719C2.53951 10.2905 4.34476 12.9269 6.70961 15.2909C10.9237 19.5059 14.9276 21.0015 17.0757 21.0015C17.91 21.0015 18.5656 20.7866 18.9703 20.3802C19.0899 20.2619 19.2172 20.1404 19.3488 20.0161C20.1438 19.2607 21.0449 18.4047 20.9983 17.2741C20.966 16.4939 20.4824 15.7389 19.5201 14.9653Z" stroke="#9FA9BA"/>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="35" height="35" viewBox="0, 0, 35, 35">
<g id="Symbols">
<path d="M17.5,35 C27.165,35 35,27.165 35,17.5 C35,7.835 27.165,0 17.5,0 C7.835,0 0,7.835 0,17.5 C0,27.165 7.835,35 17.5,35 z" fill="#76CFA6" opacity="0.15" id="Oval-109"/>
<path d="M23,28 C21.195,28 16.807,25.624 13.122,20.524 C9.675,15.755 8,12.309 8,9.99 C8,8.164 9.225,7.293 9.883,6.825 L10.045,6.708 C10.773,6.173 11.903,6 12.337,6 C13.097,6 13.417,6.458 13.611,6.857 C13.776,7.195 15.141,10.212 15.28,10.587 C15.492,11.164 15.422,12.005 14.766,12.488 L14.65,12.571 C14.324,12.804 13.718,13.236 13.634,13.761 C13.594,14.016 13.677,14.283 13.889,14.577 C14.946,16.043 18.32,20.346 18.928,20.931 C19.405,21.389 20.009,21.455 20.42,21.098 C20.846,20.729 21.035,20.511 21.037,20.508 L21.081,20.465 C21.116,20.434 21.449,20.162 21.992,20.162 C22.385,20.162 22.783,20.302 23.178,20.576 C24.201,21.287 26.51,22.876 26.51,22.876 L26.547,22.906 C26.842,23.166 27.269,23.917 26.772,24.893 C26.256,25.907 24.655,28 23,28 L23,28 z" fill-opacity="0" stroke="#76CFA6" stroke-width="1" id="path-1"/>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 926 B

27
res/img/icon-invite-people.svg
View file

@ -1,24 +1,5 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg width="35px" height="35px" viewBox="0 0 35 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.9999 3.30001C2.9999 5.02501 4.3499 6.37501 6.0749 6.37501C7.7999 6.45001 9.1499 5.02501 9.1499 3.30001C9.1499 1.57501 7.7999 0.225006 6.0749 0.225006C4.3499 0.225006 2.9999 1.57501 2.9999 3.30001ZM4.1249 3.30001C4.1249 2.25001 5.0249 1.35001 6.0749 1.35001C7.1999 1.35001 8.0249 2.25001 8.0249 3.30001C8.0249 4.35001 7.1249 5.25001 6.0749 5.25001C5.0249 5.25001 4.1249 4.35001 4.1249 3.30001Z" fill="black"/>
<!-- Generator: sketchtool 39.1 (31720) - http://www.bohemiancoding.com/sketch --> <path d="M6.0749 6.97501C9.2249 6.97501 11.7749 9.52501 11.7749 12.675C11.7749 12.975 11.5499 13.275 11.1749 13.275C10.8749 13.275 10.5749 13.05 10.5749 12.675C10.4999 10.2 8.3249 8.25001 5.8499 8.32501C3.4499 8.40001 1.5749 10.35 1.4999 12.675C1.4999 12.975 1.2749 13.275 0.899902 13.275C0.524902 13.275 0.299902 13.05 0.299902 12.675C0.449902 9.52501 2.9249 6.97501 6.0749 6.97501Z" fill="black"/>
<title>9BA71BF4-DC4F-42D2-B2D0-9EAE0F7F8D45</title> <path d="M11.025 6.375C10.725 6.375 10.425 6.15 10.425 5.85C10.425 5.55 10.65 5.25 11.025 5.25H12V4.35C12 4.05 12.225 3.75 12.6 3.75C12.9 3.75 13.2 3.975 13.2 4.35V5.25H14.025C14.325 5.25 14.625 5.475 14.625 5.85C14.625 6.225 14.4 6.375 14.025 6.375H13.125V7.275C13.125 7.575 12.9 7.875 12.525 7.875C12.15 7.875 11.925 7.65 11.925 7.275V6.375H11.025Z" fill="black"/>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Right-panel/Footer" transform="translate(-26.000000, -34.000000)">
<g id="icon_invite_people" transform="translate(26.000000, 34.000000)">
<path d="M17.5,35 C27.1649831,35 35,27.1649831 35,17.5 C35,7.83501688 27.1649831,0 17.5,0 C7.83501688,0 0,7.83501688 0,17.5 C0,27.1649831 7.83501688,35 17.5,35 Z" id="Oval" fill="#76CFA6"></path>
<g id="Group-5" transform="translate(8.000000, 9.000000)" stroke="#FFFFFF">
<g id="Group-3" opacity="0.8" transform="translate(14.437500, 3.937500)" stroke-linecap="round">
<path d="M0,3.28125 L6.5625,3.28125" id="Line"></path>
<path d="M3.28125,0 L3.28125,6.5625" id="Line"></path>
</g>
<g id="icons_people_svg">
<path d="M13.78125,15.75 C13.78125,12.1256313 13.7812503,9.1875 7.21875,9.1875 C0.656249741,9.1875 0.65625,12.1256313 0.65625,15.75 C5.21807306,15.75 7.96856689,15.75 13.78125,15.75 Z" id="Oval-40" stroke-linecap="round" stroke-linejoin="round"></path>
<circle id="Oval" cx="7.21875" cy="3.609375" r="3.609375"></circle>
</g>
</g>
</g>
</g>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

5
res/img/icon_context.svg Normal file
View file

@ -0,0 +1,5 @@
<svg width="3" height="15" viewBox="0 0 3 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 3C2.32843 3 3 2.32843 3 1.5C3 0.671573 2.32843 0 1.5 0C0.671573 0 0 0.671573 0 1.5C0 2.32843 0.671573 3 1.5 3Z" fill="#9FA9BA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 9C2.32843 9 3 8.32843 3 7.5C3 6.67157 2.32843 6 1.5 6C0.671573 6 0 6.67157 0 7.5C0 8.32843 0.671573 9 1.5 9Z" fill="#9FA9BA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 15C2.32843 15 3 14.3284 3 13.5C3 12.6716 2.32843 12 1.5 12C0.671573 12 0 12.6716 0 13.5C0 14.3284 0.671573 15 1.5 15Z" fill="#9FA9BA"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 655 B

3
res/img/icon_context_copy.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.79652 0.0898895H10.9556C11.4444 0.0898895 11.842 0.487424 11.842 0.976253V2.15807H13.0238C13.5126 2.15807 13.9102 2.55561 13.9102 3.04444V12.2035C13.9102 12.6924 13.5126 13.0899 13.0238 13.0899H3.8647C3.37587 13.0899 2.97834 12.6924 2.97834 12.2035V11.0217H1.79652C1.30769 11.0217 0.910156 10.6242 0.910156 10.1353V0.976253C0.910156 0.487424 1.30769 0.0898895 1.79652 0.0898895ZM3.56925 12.2035C3.56925 12.3666 3.70191 12.499 3.8647 12.499H13.0238C13.1866 12.499 13.3192 12.3666 13.3192 12.2035V3.04444C13.3192 2.88134 13.1866 2.74898 13.0238 2.74898H11.842V10.1353C11.842 10.6242 11.4444 11.0217 10.9556 11.0217H3.56925V12.2035ZM1.79652 10.4308C1.63373 10.4308 1.50107 10.2984 1.50107 10.1353V0.976253C1.50107 0.813162 1.63373 0.680799 1.79652 0.680799H10.9556C11.1184 0.680799 11.2511 0.813162 11.2511 0.976253V10.1353C11.2511 10.2984 11.1184 10.4308 10.9556 10.4308H1.79652Z" fill="#212121"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

3
res/img/icon_context_edit.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.9071 1.33095L11.669 0.0928571C11.5452 -0.0309524 11.3595 -0.0309524 11.2357 0.0928571L9.47143 1.85714H0.309524C0.12381 1.85714 0 1.98095 0 2.16667V12.6905C0 12.8762 0.12381 13 0.309524 13H10.8333C11.019 13 11.1429 12.8762 11.1429 12.6905V3.52857L12.9071 1.76429C13.031 1.64048 13.031 1.45476 12.9071 1.33095ZM10.5238 12.381H0.619048V2.47619H8.85238L5.66429 5.66429C5.60238 5.72619 5.57143 5.78809 5.57143 5.88095V7.11905C5.57143 7.30476 5.69524 7.42857 5.88095 7.42857H7.11905C7.21191 7.42857 7.27381 7.39762 7.33571 7.33571L10.5238 4.14762V12.381ZM6.19048 6.80952H6.99524L12.2571 1.54762L11.4524 0.742857L6.19048 6.00476V6.80952Z" fill="#9FA9BA"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 805 B

13
res/img/icon_context_fave.svg
View file

@ -1,12 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 11.75L3.6794 13.7586L4.40907 9.50431L1.31813 6.49139L5.5897 5.87069L7.5 2L9.4103 5.87069L13.6819 6.49139L10.5909 9.50431L11.3206 13.7586L7.5 11.75Z" stroke="#9FA9BA"/>
<svg width="100%" height="100%" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<g transform="matrix(1,0,0,1,-0,-40)">
<g id="icon_context_fave" transform="matrix(0.600982,0,0,0.600982,0,40)">
<g transform="matrix(1.66394,0,0,1.66394,1.66394,2.71716)">
<rect x="0" y="0" width="13" height="13" style="fill:rgb(224,223,224);fill-opacity:0;fill-rule:nonzero;"/>
<path d="M6.572,-0.495C6.614,-0.486 6.625,-0.486 6.666,-0.472C6.793,-0.427 6.884,-0.337 6.948,-0.221L8.742,3.414L12.754,3.997L12.801,4.006C12.88,4.029 12.951,4.062 13.013,4.117C13.161,4.248 13.218,4.459 13.157,4.646C13.132,4.725 13.087,4.789 13.031,4.849L10.128,7.679L10.813,11.674L10.819,11.722C10.821,11.804 10.812,11.882 10.779,11.958C10.7,12.139 10.517,12.259 10.32,12.259C10.237,12.259 10.162,12.236 10.088,12.201L6.5,10.315L2.912,12.201L2.868,12.222C2.791,12.249 2.714,12.264 2.631,12.256C2.435,12.237 2.265,12.1 2.204,11.913C2.178,11.834 2.177,11.756 2.187,11.674L2.872,7.679L-0.031,4.849L-0.064,4.814C-0.114,4.749 -0.152,4.681 -0.17,4.599C-0.213,4.407 -0.135,4.202 0.024,4.087C0.092,4.038 0.166,4.012 0.246,3.997L4.258,3.414L6.052,-0.221L6.075,-0.264C6.099,-0.299 6.104,-0.309 6.134,-0.34C6.211,-0.423 6.316,-0.478 6.428,-0.495C6.477,-0.502 6.523,-0.499 6.572,-0.495ZM5.038,4.092C5.017,4.13 5.013,4.14 4.987,4.174C4.928,4.251 4.847,4.31 4.755,4.342C4.715,4.357 4.704,4.357 4.662,4.365L1.393,4.841L3.758,7.146L3.791,7.182C3.817,7.216 3.825,7.224 3.846,7.261C3.903,7.364 3.916,7.474 3.902,7.589L3.343,10.845L6.267,9.307L6.311,9.287C6.42,9.249 6.531,9.237 6.643,9.271C6.684,9.283 6.694,9.289 6.733,9.307L9.657,10.845L9.098,7.589L9.092,7.541C9.089,7.425 9.113,7.317 9.18,7.22C9.204,7.185 9.213,7.178 9.242,7.146L11.607,4.841L8.338,4.365L8.291,4.356C8.25,4.344 8.239,4.342 8.2,4.324C8.093,4.275 8.018,4.193 7.962,4.092L6.5,1.13C6.013,2.117 5.525,3.105 5.038,4.092Z" style="fill:rgb(205,205,205);fill-rule:nonzero;"/>
</g>
</g>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 325 B

4
res/img/icon_context_leave.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.4 1.4L8.6 8.6" stroke="#9FA9BA" stroke-linecap="round"/>
<path d="M8.5999 1.39999L1.3999 8.59999" stroke="#9FA9BA" stroke-linecap="round"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 255 B

3
res/img/icon_context_reply.svg Normal file
View file

@ -0,0 +1,3 @@
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.27273 1C9.097 1 8.95455 1.14245 8.95455 1.31818C8.95455 1.37624 8.95455 2.90909 8.95455 2.90909C7.26621 2.90909 5.29264 3.38838 3.71946 4.63423C2.17514 5.85722 1.04106 7.83423 1 10.7045C1 10.7045 1 10.8056 1 10.8636C1 11.0394 1.14245 11.1818 1.31818 11.1818C1.40747 11.1818 1.48817 11.145 1.54595 11.0858C1.60189 11.0285 1.78551 10.7045 1.78551 10.7045C3.78319 7.57078 6.88664 7.36364 8.63636 7.36364H8.95455C8.95455 7.36364 8.95455 8.89648 8.95455 8.95455C8.95455 9.13027 9.097 9.27273 9.27273 9.27273C9.34134 9.27273 9.40489 9.25101 9.45686 9.21407C9.47918 9.1982 14.8483 5.41935 14.9058 5.36237C14.964 5.30471 15 5.22474 15 5.13636C15 5.04073 14.9578 4.95495 14.891 4.89662C14.8351 4.84777 9.54804 1.1354 9.48032 1.07705C9.4246 1.02903 9.35205 1 9.27273 1Z" stroke="#9FA9BA" stroke-width="0.8"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 914 B

26
res/img/icons-apps.svg
View file

@ -1,14 +1,12 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="35px" height="35px" viewBox="0 0 35 35" enable-background="new 0 0 35 35" xml:space="preserve"> width="35px" height="35px" viewBox="0 0 35 35" enable-background="new 0 0 35 35" xml:space="preserve">
<path id="Oval-109-Copy" opacity="0.15" fill="#76CFA6" enable-background="new " d="M17.5,35C27.165,35,35,27.165,35,17.5 <g id="Icon">
S27.165,0,17.5,0S0,7.835,0,17.5S7.835,35,17.5,35z"/> <g>
<g id="Icon"> <path fill="none" stroke="#9FA9BA" d="M7.5,12.5h5v-5h-5V12.5z M15,27.5h5v-5h-5V27.5z M7.5,27.5h5v-5h-5V27.5z M7.5,20h5v-5h-5
<g> V20z M15,20h5v-5h-5V20z M22.5,7.5v5h5v-5H22.5z M15,12.5h5v-5h-5V12.5z M22.5,20h5v-5h-5V20z M22.5,27.5h5v-5h-5V27.5z"/>
<path fill="none" stroke="#76CFA6" d="M7.5,12.5h5v-5h-5V12.5z M15,27.5h5v-5h-5V27.5z M7.5,27.5h5v-5h-5V27.5z M7.5,20h5v-5h-5 </g>
V20z M15,20h5v-5h-5V20z M22.5,7.5v5h5v-5H22.5z M15,12.5h5v-5h-5V12.5z M22.5,20h5v-5h-5V20z M22.5,27.5h5v-5h-5V27.5z"/> </g>
</g> </svg>
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 941 B

After

Width:  |  Height:  |  Size: 750 B

20
res/img/icons-create-room.svg
View file

@ -1,18 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="8" height="8" viewBox="4 4 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg width="25px" height="25px" viewBox="0 0 25 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M8 5V11" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
<!-- Generator: sketchtool 3.8.3 (29802) - http://www.bohemiancoding.com/sketch --> <path d="M11 8H5" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
<title>0F9BCC43-B3A7-4C9F-8E34-1F38194362C2</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Room-list-Copy-3" transform="translate(-21.000000, -726.000000)">
<g id="icons_create_room" transform="translate(21.000000, 726.000000)">
<path d="M12.5,25 C19.4035594,25 25,19.4035594 25,12.5 C25,5.59644063 19.4035594,0 12.5,0 C5.59644063,0 0,5.59644063 0,12.5 C0,19.4035594 5.59644063,25 12.5,25 Z" id="Oval-1-Copy-7" fill="#76CFA6"></path>
<g id="Group-3" opacity="0.8" transform="translate(6.000000, 6.000000)" stroke="#FFFFFF" stroke-linecap="round">
<path d="M0,6.5 L13,6.5" id="Line"></path>
<path d="M6.5,0 L6.5,13" id="Line"></path>
</g>
</g>
</g>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 253 B

34
res/img/icons-files.svg
View file

@ -1,29 +1,5 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="15" height="19" viewBox="0 0 15 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg width="25px" height="25px" viewBox="0 0 25 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.80167 1.34561C8.58197 1.1261 8.27313 1 7.95407 1H3.01704C1.88604 1 1 1.91111 1 3.07424V14.3482C1 15.4874 1.8684 16.4143 2.93589 16.4143H9.99247C11.0392 16.4143 11.9571 15.4866 11.9571 14.4294V4.95051C11.9571 4.65653 11.8216 4.35233 11.5846 4.11536L8.80167 1.34561ZM10.76 4.34286H8.95414C8.70027 4.34286 8.42857 4.18519 8.42857 3.95044V2.02236L10.76 4.34286ZM2.93589 15.6714H9.99247C10.6319 15.6714 11.2143 15.0794 11.2143 14.4294V5.08571H8.95433C8.25474 5.08571 7.68571 4.57649 7.68571 3.95044V1.74286H3.01704C2.3026 1.74286 1.74286 2.32767 1.74286 3.07424V14.3482C1.74286 15.0779 2.27809 15.6714 2.93589 15.6714Z" fill="#9FA9BA"/>
<!-- Generator: sketchtool 39.1 (31720) - http://www.bohemiancoding.com/sketch --> <path d="M8.80167 1.34561L8.73099 1.41635L8.73113 1.41649L8.80167 1.34561ZM11.5846 4.11536L11.6553 4.04465L11.6551 4.04448L11.5846 4.11536ZM10.76 4.34286V4.44286H11.0023L10.8306 4.27198L10.76 4.34286ZM8.42857 2.02236L8.49911 1.95148L8.32857 1.78174V2.02236H8.42857ZM11.2143 5.08571H11.3143V4.98571H11.2143V5.08571ZM7.68571 1.74286H7.78571V1.64286H7.68571V1.74286ZM7.95407 1.1C8.24738 1.1 8.53057 1.2161 8.73099 1.41635L8.87235 1.27487C8.63337 1.0361 8.29888 0.9 7.95407 0.9V1.1ZM3.01704 1.1H7.95407V0.9H3.01704V1.1ZM1.1 3.07424C1.1 1.96369 1.94389 1.1 3.01704 1.1V0.9C1.8282 0.9 0.9 1.85854 0.9 3.07424H1.1ZM1.1 14.3482V3.07424H0.9V14.3482H1.1ZM2.93589 16.3143C1.92966 16.3143 1.1 15.4384 1.1 14.3482H0.9C0.9 15.5364 1.80714 16.5143 2.93589 16.5143V16.3143ZM9.99247 16.3143H2.93589V16.5143H9.99247V16.3143ZM11.8571 14.4294C11.8571 15.4324 10.983 16.3143 9.99247 16.3143V16.5143C11.0954 16.5143 12.0571 15.5409 12.0571 14.4294H11.8571ZM11.8571 4.95051V14.4294H12.0571V4.95051H11.8571ZM11.5139 4.18607C11.7349 4.40711 11.8571 4.68679 11.8571 4.95051H12.0571C12.0571 4.62627 11.9082 4.29755 11.6553 4.04465L11.5139 4.18607ZM8.73113 1.41649L11.5141 4.18624L11.6551 4.04448L8.87221 1.27474L8.73113 1.41649ZM8.95414 4.44286H10.76V4.24286H8.95414V4.44286ZM8.32857 3.95044C8.32857 4.11034 8.42171 4.23581 8.53936 4.31699C8.65675 4.39798 8.8082 4.44286 8.95414 4.44286V4.24286C8.84621 4.24286 8.73488 4.2089 8.65295 4.15237C8.57128 4.09602 8.52857 4.02529 8.52857 3.95044H8.32857ZM8.32857 2.02236V3.95044H8.52857V2.02236H8.32857ZM10.8306 4.27198L8.49911 1.95148L8.35803 2.09323L10.6895 4.41373L10.8306 4.27198ZM9.99247 15.5714H2.93589V15.7714H9.99247V15.5714ZM11.1143 14.4294C11.1143 15.0257 10.5751 15.5714 9.99247 15.5714V15.7714C10.6887 15.7714 11.3143 15.133 11.3143 14.4294H11.1143ZM11.1143 5.08571V14.4294H11.3143V5.08571H11.1143ZM8.95433 5.18571H11.2143V4.98571H8.95433V5.18571ZM7.58571 3.95044C7.58571 4.64187 8.21025 5.18571 8.95433 5.18571V4.98571C8.29924 4.98571 7.78571 4.5111 7.78571 3.95044H7.58571ZM7.58571 1.74286V3.95044H7.78571V1.74286H7.58571ZM3.01704 1.84286H7.68571V1.64286H3.01704V1.84286ZM1.84286 3.07424C1.84286 2.37872 2.36192 1.84286 3.01704 1.84286V1.64286C2.24328 1.64286 1.64286 2.27662 1.64286 3.07424H1.84286ZM1.84286 14.3482V3.07424H1.64286V14.3482H1.84286ZM2.93589 15.5714C2.3428 15.5714 1.84286 15.0326 1.84286 14.3482H1.64286C1.64286 15.1231 2.21337 15.7714 2.93589 15.7714V15.5714Z" fill="#9FA9BA"/>
<title>7C98C075-AB4D-45A3-85F9-CCD46F84DA7F</title> <path d="M12.0601 17.7143H5.00355C4.60147 17.7143 4.22522 17.5009 3.99716 17.1432C3.88685 16.9701 3.65749 16.9192 3.48422 17.0297C3.31132 17.1401 3.26043 17.3698 3.37093 17.5427C3.73586 18.1152 4.3463 18.4571 5.00355 18.4571H12.0601C13.1115 18.4571 13.9997 17.5596 13.9997 16.4971V7.01826C13.9997 6.71629 13.8686 6.41209 13.6361 6.17976L13.3297 5.88243C13.1824 5.73943 12.9471 5.74314 12.8045 5.89041C12.6617 6.0375 12.6652 6.2728 12.8125 6.41561L13.1148 6.70886C13.2052 6.7993 13.2569 6.91203 13.2569 7.01844V16.4973C13.2569 17.1456 12.6977 17.7143 12.0601 17.7143Z" fill="#9FA9BA" stroke="#9FA9BA" stroke-width="0.2"/>
<desc>Created with sketchtool.</desc> </svg>
<defs>
<path d="M0,2.00276013 C0,0.896666251 0.889186576,0 1.99983124,0 L4.84793814,0 C4.84793814,0 9.25,4.54127763 9.25,4.54127763 L9.25,10.9954009 C9.25,12.1025104 8.36307111,13 7.24288777,13 L2.00711223,13 C0.898614756,13 0,12.1064574 0,10.9972399 L0,2.00276013 Z" id="path-1"></path>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="9.25" height="13" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<path d="M9.28225806,5 L5.82322134,5 C4.97217082,5 4.28225806,4.31002094 4.28225806,3.45903672 L4.28225806,0" id="path-3"></path>
<mask id="mask-4" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="5" height="5" fill="white">
<use xlink:href="#path-3"></use>
</mask>
</defs>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Right-panel/Header" transform="translate(-66.000000, -23.000000)">
<g id="icons_files" transform="translate(66.000000, 23.000000)">
<g id="Group-5-Copy-2" fill="#76CFA6">
<path d="M12.5,25 C19.4035594,25 25,19.4035594 25,12.5 C25,5.59644063 19.4035594,0 12.5,0 C5.59644063,0 0,5.59644063 0,12.5 C0,19.4035594 5.59644063,25 12.5,25 Z" id="Oval-1-Copy-7"></path>
</g>
<g id="Rectangle-5-+-Rectangle-6-Copy-2" transform="translate(8.000000, 6.000000)" stroke="#FFFFFF" stroke-width="2">
<use id="Rectangle-5" mask="url(#mask-2)" opacity="0.8" xlink:href="#path-1"></use>
<use id="Rectangle-6" mask="url(#mask-4)" xlink:href="#path-3"></use>
</g>
</g>
</g>
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

22
res/img/icons-notifications.svg
View file

@ -1,19 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg width="25px" height="25px" viewBox="0 0 25 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.21862 14.1909C9.12216 14.6245 8.90577 15.013 8.60857 15.3189C8.19404 15.7393 7.6257 16 7 16C6.3743 16 5.80596 15.7393 5.39143 15.3189C5.09423 15.013 4.87784 14.6245 4.78138 14.1909H1.50428C1.08976 14.1909 0.714339 14.018 0.440596 13.7413C0.16946 13.4646 0 13.0788 0 12.6558C0 12.2354 0.16946 11.8497 0.440596 11.573C0.628305 11.3814 0.865549 11.2404 1.12886 11.1713C1.30615 10.6046 1.44953 9.93947 1.55382 9.2717C1.69721 8.38045 1.77281 7.48387 1.77281 6.80811C1.77281 5.33954 2.3594 4.00665 3.30838 3.0409C3.72551 2.61523 4.21043 2.26139 4.74749 1.998C4.81788 1.4872 5.05251 1.0296 5.39143 0.681077C5.80596 0.260725 6.3743 0 7 0C7.6257 0 8.19404 0.260725 8.60857 0.681077C8.94749 1.0296 9.18212 1.4872 9.25251 1.998C9.78957 2.26139 10.2745 2.61523 10.6916 3.0409C11.6406 4.00665 12.2272 5.33954 12.2272 6.80811C12.2272 7.48387 12.3028 8.38045 12.4462 9.2717C12.5505 9.93947 12.6939 10.6046 12.8711 11.1713C13.1345 11.2404 13.3717 11.3814 13.5594 11.573C13.8305 11.8497 14 12.2354 14 12.6558C14 13.0788 13.8305 13.4646 13.5594 13.7413C13.2857 14.018 12.9102 14.1909 12.4957 14.1909H9.21862ZM9.27337 13.1693H12.4957C12.6339 13.1693 12.759 13.1107 12.8503 13.0176C12.9415 12.9245 12.9963 12.7968 12.9963 12.6558C12.9963 12.5175 12.9415 12.3898 12.8503 12.2966C12.759 12.2035 12.6339 12.145 12.4957 12.145H1.50428C1.36611 12.145 1.24097 12.2035 1.14972 12.2966C1.05847 12.3898 1.00372 12.5175 1.00372 12.6558C1.00372 12.7968 1.05847 12.9245 1.14972 13.0176C1.24097 13.1107 1.36611 13.1693 1.50428 13.1693H4.72663H9.27337ZM11.8153 11.1234H2.18473C2.33073 10.5913 2.45065 10.014 2.5419 9.43399C2.69311 8.47888 2.77393 7.52378 2.77393 6.80811C2.77393 5.62421 3.25102 4.54406 4.0175 3.76455C4.78138 2.98237 5.83985 2.49551 7 2.49551C8.16015 2.49551 9.21862 2.98237 9.9825 3.76455C10.749 4.54406 11.2261 5.62421 11.2261 6.80811C11.2261 7.52378 11.3069 8.47888 11.4581 9.43399C11.5493 10.014 11.6693 10.5913 11.8153 11.1234ZM8.04544 1.58297C8.00372 1.51646 7.95419 1.45527 7.89944 1.40206C7.67002 1.16794 7.35195 1.02428 7 1.02428C6.64804 1.02428 6.32998 1.16794 6.10056 1.40206C6.04581 1.45527 5.99628 1.51646 5.95456 1.58031C6.29087 1.51114 6.64283 1.47389 7 1.47389C7.35717 1.47389 7.70912 1.51114 8.04544 1.58297ZM8.17058 14.1909C8.1054 14.3452 8.01155 14.4835 7.89944 14.6006C7.67002 14.8321 7.35196 14.9784 7 14.9784C6.64804 14.9784 6.32998 14.8321 6.10056 14.6006C5.98845 14.4835 5.8946 14.3452 5.83203 14.1909H8.17058Z" fill="#9FA9BA"/>
<!-- Generator: sketchtool 39.1 (31720) - http://www.bohemiancoding.com/sketch --> </svg>
<title>5E723325-BD0B-454D-BE25-638AF09A97AC</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Right-panel/Header" transform="translate(-100.000000, -23.000000)">
<g id="icons_notifications" transform="translate(100.000000, 23.000000)">
<path d="M12.5,25 C19.4035594,25 25,19.4035594 25,12.5 C25,5.59644063 19.4035594,0 12.5,0 C5.59644063,0 0,5.59644063 0,12.5 C0,19.4035594 5.59644063,25 12.5,25 Z" id="Oval-1-Copy-7" fill="#76CFA6"></path>
<g id="Group-8" opacity="0.8" transform="translate(7.000000, 4.000000)">
<path d="M5.41666667,16.7222222 C6.38316498,16.7222222 7.16666667,15.9387205 7.16666667,14.9722222 C7.16666667,14.0057239 6.38316498,13.2222222 5.41666667,13.2222222 C4.45016835,13.2222222 3.66666667,14.0057239 3.66666667,14.9722222 C3.66666667,15.9387205 4.45016835,16.7222222 5.41666667,16.7222222 Z" id="Oval-49" stroke="#FFFFFF"></path>
<path d="M1,12.4488669 C1,12.4468729 10.0044225,12.4444444 10.0044225,12.4444444 C10.0024284,12.4444444 10,7.94444444 10,7.94444444 C10,5.46303559 7.98297457,3.44444444 5.5,3.44444444 C3.01859115,3.44444444 1,5.46146988 1,7.94444444 L1,12.4488669 Z M5.5,2.44444444 C8.53756612,2.44444444 11,4.91305916 11,7.94444444 L11,12.4488669 C11,12.9987092 10.555163,13.4444444 10.0044225,13.4444444 L0.995577499,13.4444444 C0.445735229,13.4444444 0,12.9996075 0,12.4488669 L0,7.94444444 C0,4.90687832 2.46861471,2.44444444 5.5,2.44444444 Z" id="Rectangle-15" fill="#FFFFFF"></path>
<path d="M4.27777778,1.83333333 L6.72222222,1.83333333" id="Line" stroke="#FFFFFF" stroke-linecap="round"></path>
</g>
</g>
</g>
</g>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

23
res/img/icons-people.svg
View file

@ -1,22 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg width="25px" height="25px" viewBox="0 0 25 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M15.6449 12.1357C14.5931 10.8835 13.0722 10.1484 11.4486 10.0964C12.9006 9.25028 13.879 7.67736 13.879 5.87904C13.879 3.18861 11.6904 1 8.99995 1C6.30951 1 4.12091 3.18861 4.12091 5.87904C4.12091 7.67736 5.09934 9.25028 6.55128 10.0964C4.92769 10.1484 3.40678 10.8835 2.35496 12.1357C1.25651 13.4427 0.793788 15.148 1.08545 16.8136L1.14478 17.1526H16.8553L16.9146 16.8136C17.2061 15.148 16.7434 13.4427 15.6449 12.1357Z" stroke="#9FA9BA"/>
<!-- Generator: sketchtool 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
<title>81230A28-D944-4572-B5DB-C03CAA2B1FCA</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Left-nav-default" transform="translate(-50.000000, -725.000000)">
<g id="Left-panel">
<g>
<g id="icons_people" transform="translate(50.000000, 725.000000)">
<path d="M12.5,25 C19.4035594,25 25,19.4035594 25,12.5 C25,5.59644063 19.4035594,0 12.5,0 C5.59644063,0 0,5.59644063 0,12.5 C0,19.4035594 5.59644063,25 12.5,25 Z" id="Oval-1-Copy-7" fill="#76CFA6"></path>
<g id="icons_people_svg" transform="translate(7.000000, 6.000000)" stroke="#FFFFFF">
<path d="M10.5,12 C10.5,9.23857625 10.5000002,7 5.5,7 C0.499999803,7 0.5,9.23857625 0.5,12 C3.97567472,12 6.07128906,12 10.5,12 Z" id="Oval-40" stroke-linecap="round" stroke-linejoin="round"></path>
<circle id="Oval" cx="5.5" cy="2.75" r="2.75"></circle>
</g>
</g>
</g>
</g>
</g>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 552 B

5
res/img/icons-search.svg
View file

@ -2,8 +2,7 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="35" height="35" viewBox="0, 0, 35, 35"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="35" height="35" viewBox="0, 0, 35, 35">
<g id="Symbols"> <g id="Symbols">
<path d="M17.5,35 C27.165,35 35,27.165 35,17.5 C35,7.835 27.165,0 17.5,0 C7.835,0 0,7.835 0,17.5 C0,27.165 7.835,35 17.5,35 z" fill="#76CFA6" opacity="0.15" id="Oval-1-Copy-7"/> <path d="M22.4,15.4 C22.4,19.266 19.266,22.4 15.4,22.4 C11.534,22.4 8.4,19.266 8.4,15.4 C8.4,11.534 11.534,8.4 15.4,8.4 C19.266,8.4 22.4,11.534 22.4,15.4 z" stroke="#9FA9BA" stroke-width="1" stroke-linecap="round" id="path-1" fill="none"/>
<path d="M22.4,15.4 C22.4,19.266 19.266,22.4 15.4,22.4 C11.534,22.4 8.4,19.266 8.4,15.4 C8.4,11.534 11.534,8.4 15.4,8.4 C19.266,8.4 22.4,11.534 22.4,15.4 z" fill-opacity="0" stroke="#76CFA6" stroke-width="1" stroke-linecap="round" id="path-1" opacity="0.7"/> <path d="M20.3,20.3 L25.25,25.25" stroke="#9FA9BA" stroke-width="1" stroke-linecap="round" id="Line"/>
<path d="M20.3,20.3 L25.25,25.25" fill-opacity="0" stroke="#76CFA6" stroke-width="1" stroke-linecap="round" id="Line" opacity="0.7"/>
</g> </g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 910 B

After

Width:  |  Height:  |  Size: 678 B

19
res/img/icons-settings-room.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 23 KiB

2
res/img/icons-share.svg
View file

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="iso-8859-1"?> <?xml version="1.0" encoding="iso-8859-1"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 481.6 481.6" style="enable-background:new 0 0 481.6 481.6;" xml:space="preserve" width="16px" height="16px"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 481.6 481.6" style="enable-background:new 0 0 481.6 481.6;" xml:space="preserve" width="16px" height="16px">
<g> <g>
<path stroke="#76CFA6" stroke-width="5" d="M381.6,309.4c-27.7,0-52.4,13.2-68.2,33.6l-132.3-73.9c3.1-8.9,4.8-18.5,4.8-28.4c0-10-1.7-19.5-4.9-28.5l132.2-73.8 c15.7,20.5,40.5,33.8,68.3,33.8c47.4,0,86.1-38.6,86.1-86.1S429,0,381.5,0s-86.1,38.6-86.1,86.1c0,10,1.7,19.6,4.9,28.5 l-132.1,73.8c-15.7-20.6-40.5-33.8-68.3-33.8c-47.4,0-86.1,38.6-86.1,86.1s38.7,86.1,86.2,86.1c27.8,0,52.6-13.3,68.4-33.9 l132.2,73.9c-3.2,9-5,18.7-5,28.7c0,47.4,38.6,86.1,86.1,86.1s86.1-38.6,86.1-86.1S429.1,309.4,381.6,309.4z M381.6,27.1 c32.6,0,59.1,26.5,59.1,59.1s-26.5,59.1-59.1,59.1s-59.1-26.5-59.1-59.1S349.1,27.1,381.6,27.1z M100,299.8 c-32.6,0-59.1-26.5-59.1-59.1s26.5-59.1,59.1-59.1s59.1,26.5,59.1,59.1S132.5,299.8,100,299.8z M381.6,454.5 c-32.6,0-59.1-26.5-59.1-59.1c0-32.6,26.5-59.1,59.1-59.1s59.1,26.5,59.1,59.1C440.7,428,414.2,454.5,381.6,454.5z" fill="#76cfa6"/> <path stroke="#9FA9BA" stroke-width="5" d="M381.6,309.4c-27.7,0-52.4,13.2-68.2,33.6l-132.3-73.9c3.1-8.9,4.8-18.5,4.8-28.4c0-10-1.7-19.5-4.9-28.5l132.2-73.8 c15.7,20.5,40.5,33.8,68.3,33.8c47.4,0,86.1-38.6,86.1-86.1S429,0,381.5,0s-86.1,38.6-86.1,86.1c0,10,1.7,19.6,4.9,28.5 l-132.1,73.8c-15.7-20.6-40.5-33.8-68.3-33.8c-47.4,0-86.1,38.6-86.1,86.1s38.7,86.1,86.2,86.1c27.8,0,52.6-13.3,68.4-33.9 l132.2,73.9c-3.2,9-5,18.7-5,28.7c0,47.4,38.6,86.1,86.1,86.1s86.1-38.6,86.1-86.1S429.1,309.4,381.6,309.4z M381.6,27.1 c32.6,0,59.1,26.5,59.1,59.1s-26.5,59.1-59.1,59.1s-59.1-26.5-59.1-59.1S349.1,27.1,381.6,27.1z M100,299.8 c-32.6,0-59.1-26.5-59.1-59.1s26.5-59.1,59.1-59.1s59.1,26.5,59.1,59.1S132.5,299.8,100,299.8z M381.6,454.5 c-32.6,0-59.1-26.5-59.1-59.1c0-32.6,26.5-59.1,59.1-59.1s59.1,26.5,59.1,59.1C440.7,428,414.2,454.5,381.6,454.5z" fill="#9FA9BA"/>
</g> </g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

6
res/img/icons-stickers.svg Normal file
View file

@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0002 22.6666C17.8912 22.6666 22.6668 17.891 22.6668 12C22.6668 6.10894 17.8912 1.33331 12.0002 1.33331C6.10913 1.33331 1.3335 6.10894 1.3335 12C1.3335 17.891 6.10913 22.6666 12.0002 22.6666Z" stroke="#9FA9BA"/>
<path d="M8.66683 9.99998C9.40321 9.99998 10.0002 9.40303 10.0002 8.66665C10.0002 7.93027 9.40321 7.33331 8.66683 7.33331C7.93045 7.33331 7.3335 7.93027 7.3335 8.66665C7.3335 9.40303 7.93045 9.99998 8.66683 9.99998Z" fill="#9FA9BA"/>
<path d="M16.0003 9.99998C16.7367 9.99998 17.3337 9.40303 17.3337 8.66665C17.3337 7.93027 16.7367 7.33331 16.0003 7.33331C15.2639 7.33331 14.667 7.93027 14.667 8.66665C14.667 9.40303 15.2639 9.99998 16.0003 9.99998Z" fill="#9FA9BA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.3335 14.6666C7.65072 16.9899 9.65575 18.7085 12.0002 18.6666C14.3446 18.7085 16.3496 16.9899 16.6668 14.6666H7.3335V14.6666Z" stroke="#9FA9BA" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

13
res/img/icons-upload.svg
View file

@ -1,12 +1,3 @@
<?xml version="1.0" encoding="UTF-8"?> <svg width="19" height="21" viewBox="0 0 19 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <path d="M5.95442 20.5157C4.38461 20.5157 2.89601 19.8932 1.75926 18.7835C0.622507 17.6738 0 16.1852 0 14.6425C0 13.1538 0.568376 11.7735 1.62393 10.745L11.2322 1.27208C12.0442 0.460114 13.1538 0 14.3447 0C15.6168 0 16.8348 0.48718 17.6738 1.29915C18.5128 2.13818 19 3.35613 19 4.60114C19 5.79202 18.5399 6.87464 17.7009 7.68661L9.52707 15.7792C8.93162 16.3746 8.11966 16.6994 7.28063 16.6994C6.41453 16.6994 5.54843 16.3476 4.92593 15.7251C4.30342 15.1026 3.9245 14.2635 3.9245 13.3974C3.9245 12.5584 4.27635 11.7464 4.87179 11.151L11.3675 4.73647L12.3148 5.71083L5.81909 12.1254C5.46724 12.4501 5.27778 12.9103 5.27778 13.3974C5.27778 13.9117 5.4943 14.3989 5.87322 14.7778C6.25214 15.1567 6.76638 15.3462 7.28063 15.3462C7.76781 15.3462 8.25499 15.1567 8.57977 14.8319L16.7536 6.73932C17.3219 6.17094 17.6467 5.44017 17.6467 4.62821C17.6467 3.73504 17.2949 2.86895 16.6994 2.2735C16.104 1.70513 15.2379 1.35328 14.3177 1.35328C13.5057 1.35328 12.7208 1.67806 12.1524 2.21937L2.54416 11.6923C1.75926 12.4772 1.32621 13.5057 1.32621 14.6154C1.32621 15.8063 1.81339 16.943 2.67949 17.8091C3.54558 18.6752 4.7094 19.1624 5.92735 19.1624C7.0641 19.1624 8.11966 18.7293 8.90456 17.9444L16.8348 10.1225L17.7821 11.0969L17.1595 11.7194L9.87892 18.9188C8.85043 19.9473 7.44302 20.5157 5.95442 20.5157Z" fill="#9FA9BA"/>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="35" height="35" viewBox="0, 0, 35, 35">
<g id="Symbols">
<path d="M17.5,35 C27.165,35 35,27.165 35,17.5 C35,7.835 27.165,0 17.5,0 C7.835,0 0,7.835 0,17.5 C0,27.165 7.835,35 17.5,35 z" fill="#76CFA6" opacity="0.15" id="Oval-109-Copy"/>
<g id="file">
<path d="M10,10.01 C10,7.795 11.782,6 14.004,6 L18.402,6 C18.402,6 25,12.492 25,12.492 L25,24.006 C25,26.212 23.206,28 21,28 L14,28 C11.791,28 10,26.2 10,23.99 L10,10.01 z" fill-opacity="0" stroke="#76CFA6" stroke-width="1" id="path-1"/>
<path d="M25,13 L20.157,13 C18.966,13 18,12.034 18,10.843 L18,6" fill-opacity="0" stroke="#76CFA6" stroke-width="1" id="path-3"/>
</g>
<path d="M21.479,19.066 C21.612,19.066 21.746,19.015 21.848,18.912 C22.051,18.706 22.051,18.374 21.848,18.168 L17.871,14.154 C17.668,13.948 17.338,13.949 17.135,14.153 L13.153,18.162 C12.95,18.367 12.949,18.701 13.152,18.906 C13.355,19.113 13.685,19.113 13.888,18.908 L16.987,15.788 L16.988,24.474 C16.988,24.764 17.222,25 17.509,25 C17.798,25 18.03,24.764 18.03,24.474 L18.029,15.801 L21.111,18.912 C21.212,19.015 21.345,19.066 21.479,19.066 L21.479,19.066 z" fill="#76CFA6" id="Fill-75"/>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

21
res/img/icons-video.svg
View file

@ -1,20 +1,3 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="28" height="17" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg width="35px" height="35px" viewBox="0 0 35 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path d="M26.5913 3.14189C26.3386 3.00069 26.0296 3.00866 25.7844 3.15994L21.5086 5.80347V4.12871C21.5086 2.40351 20.1045 1 18.3793 1H4.12871C2.40351 1 1 2.40351 1 4.12871V12.9038C1 14.629 2.40351 16.032 4.12871 16.032H18.3799C20.1051 16.032 21.5091 14.629 21.5091 12.9038V11.2285L25.7849 13.8721C25.9129 13.9506 26.0583 13.9915 26.2038 13.9915C26.337 13.9915 26.4708 13.9575 26.5913 13.8912C26.8434 13.75 27 13.4835 27 13.1953V3.83728C26.9995 3.54851 26.8429 3.28256 26.5913 3.14189Z" stroke="#9FA9BA"/>
<!-- Generator: sketchtool 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
<title>05D354CE-86A7-4B6F-B9BE-F1CEBBD81B21</title>
<desc>Created with sketchtool.</desc>
<defs></defs>
<g id="Extra-icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Extra-icons-sheet" transform="translate(-542.000000, -366.000000)">
<g id="icons_video" transform="translate(542.000000, 366.000000)">
<path d="M17.5,35 C27.1649831,35 35,27.1649831 35,17.5 C35,7.83501688 27.1649831,0 17.5,0 C7.83501688,0 0,7.83501688 0,17.5 C0,27.1649831 7.83501688,35 17.5,35 Z" id="Oval-109-Copy-2" fill="#76CFA6" opacity="0.15"></path>
<g transform="translate(9.000000, 11.500000)" id="Rectangle-20-+-Path-16" stroke="#76CFA6">
<g transform="scale(1.0, 0.8)">
<rect id="Rectangle-20" x="0" y="0" width="13" height="17" rx="4"></rect>
<path d="M13,8.50795206 C13,11.2533934 15.8192656,12.6412404 15.8192656,12.6412404 C16.8995921,13.391019 17.7753697,12.9258617 17.7753697,11.6159552 L17.7753697,5.39994895 C17.7753697,4.08392094 16.8771592,3.5920349 15.8192656,4.37466376 C15.8192656,4.37466376 13,5.76251076 13,8.50795206 Z" id="Path-16"></path>
</g>
</g>
</g>
</g>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 608 B

38
res/img/maximise.svg
View file

@ -1,19 +1,19 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" <svg version="1.1" id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-254 253 10 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-254 253 10 16"
style="enable-background:new -254 253 10 16;" xml:space="preserve"> style="enable-background:new -254 253 10 16;" xml:space="preserve">
<title>minimise</title> <title>minimise</title>
<desc>Created with sketchtool.</desc> <desc>Created with sketchtool.</desc>
<g id="_x30_2-Chat" sketch:type="MSPage"> <g id="_x30_2-Chat" sketch:type="MSPage">
<g id="_x30_2_x5F_1-Chat-collapsed-w-topic" transform="translate(-176.000000, -27.000000)" sketch:type="MSArtboardGroup"> <g id="_x30_2_x5F_1-Chat-collapsed-w-topic" transform="translate(-176.000000, -27.000000)" sketch:type="MSArtboardGroup">
<g id="Room-list" sketch:type="MSLayerGroup"> <g id="Room-list" sketch:type="MSLayerGroup">
<g id="Room-list_x2F_Header" sketch:type="MSShapeGroup"> <g id="Room-list_x2F_Header" sketch:type="MSShapeGroup">
<g id="minimise" transform="translate(172.000000, 25.000000)"> <g id="minimise" transform="translate(172.000000, 25.000000)">
<path id="Path-53-Copy" fill="none" stroke-width="2" stroke="#76CFA6" d="M-248.7,256.3l5.7,5.7l-5.7,5.7"/> <path id="Path-53-Copy" fill="none" stroke-width="2" stroke="#9FA9BA" d="M-248.7,256.3l5.7,5.7l-5.7,5.7"/>
</g> </g>
</g> </g>
</g> </g>
</g> </g>
</g> </g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 987 B

After

Width:  |  Height:  |  Size: 968 B

2
res/img/minimise.svg
View file

@ -5,7 +5,7 @@
<desc>Created with sketchtool.</desc> <desc>Created with sketchtool.</desc>
<defs></defs> <defs></defs>
<g id="02-Chat" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="02-Chat" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="02_1-Chat-collapsed-w-topic" sketch:type="MSArtboardGroup" transform="translate(-176.000000, -27.000000)" stroke-width="2" stroke="#76CFA6"> <g id="02_1-Chat-collapsed-w-topic" sketch:type="MSArtboardGroup" transform="translate(-176.000000, -27.000000)" stroke-width="2" stroke="#9FA9BA">
<g id="Room-list" sketch:type="MSLayerGroup"> <g id="Room-list" sketch:type="MSLayerGroup">
<g id="Room-list/Header" sketch:type="MSShapeGroup"> <g id="Room-list/Header" sketch:type="MSShapeGroup">
<g id="minimise" transform="translate(172.000000, 25.000000)"> <g id="minimise" transform="translate(172.000000, 25.000000)">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

8
src/components/views/rooms/MessageComposer.js
View file

@ -297,16 +297,16 @@ export default class MessageComposer extends React.Component {
if (this.props.callState && this.props.callState !== 'ended') { if (this.props.callState && this.props.callState !== 'ended') {
hangupButton = hangupButton =
<AccessibleButton key="controls_hangup" className="mx_MessageComposer_hangup" onClick={this.onHangupClick}> <AccessibleButton key="controls_hangup" className="mx_MessageComposer_hangup" onClick={this.onHangupClick}>
<img src="img/hangup.svg" alt={_t('Hangup')} title={_t('Hangup')} width="25" height="26" /> <img src="img/hangup.svg" alt={_t('Hangup')} title={_t('Hangup')} width="25" height="25" />
</AccessibleButton>; </AccessibleButton>;
} else { } else {
callButton = callButton =
<AccessibleButton key="controls_call" className="mx_MessageComposer_voicecall" onClick={this.onVoiceCallClick} title={_t('Voice call')}> <AccessibleButton key="controls_call" className="mx_MessageComposer_voicecall" onClick={this.onVoiceCallClick} title={_t('Voice call')}>
<TintableSvg src="img/icon-call.svg" width="35" height="35" /> <TintableSvg src="img/icon-call.svg" width="25" height="25" />
</AccessibleButton>; </AccessibleButton>;
videoCallButton = videoCallButton =
<AccessibleButton key="controls_videocall" className="mx_MessageComposer_videocall" onClick={this.onCallClick} title={_t('Video call')}> <AccessibleButton key="controls_videocall" className="mx_MessageComposer_videocall" onClick={this.onCallClick} title={_t('Video call')}>
<TintableSvg src="img/icons-video.svg" width="35" height="35" /> <TintableSvg src="img/icons-video.svg" width="25" height="25" />
</AccessibleButton>; </AccessibleButton>;
} }
@ -320,7 +320,7 @@ export default class MessageComposer extends React.Component {
const uploadButton = ( const uploadButton = (
<AccessibleButton key="controls_upload" className="mx_MessageComposer_upload" <AccessibleButton key="controls_upload" className="mx_MessageComposer_upload"
onClick={this.onUploadClick} title={_t('Upload file')}> onClick={this.onUploadClick} title={_t('Upload file')}>
<TintableSvg src="img/icons-upload.svg" width="35" height="35" /> <TintableSvg src="img/icons-upload.svg" width="25" height="25" />
<input ref="uploadInput" type="file" <input ref="uploadInput" type="file"
style={uploadInputStyle} style={uploadInputStyle}
multiple multiple

4
src/components/views/rooms/Stickerpicker.js
View file

@ -351,7 +351,7 @@ export default class Stickerpicker extends React.Component {
onClick={this._onHideStickersClick} onClick={this._onHideStickersClick}
ref='target' ref='target'
title={_t("Hide Stickers")}> title={_t("Hide Stickers")}>
<TintableSvg src="img/icons-hide-stickers.svg" width="35" height="35" /> <TintableSvg src="img/icons-stickers.svg" width="25" height="25" />
</AccessibleButton>; </AccessibleButton>;
} else { } else {
// Show show-stickers button // Show show-stickers button
@ -362,7 +362,7 @@ export default class Stickerpicker extends React.Component {
className="mx_MessageComposer_stickers" className="mx_MessageComposer_stickers"
onClick={this._onShowStickersClick} onClick={this._onShowStickersClick}
title={_t("Show Stickers")}> title={_t("Show Stickers")}>
<TintableSvg src="img/icons-show-stickers.svg" width="35" height="35" /> <TintableSvg src="img/icons-stickers.svg" width="25" height="25" />
</AccessibleButton>; </AccessibleButton>;
} }
return <div> return <div>