Replace some of compose toolbar actions icons with their svg versions

This commit is contained in:
Hadi Nategh 2019-08-29 15:54:19 +02:00
parent de5e560eb9
commit 0232ab96d4
11 changed files with 138 additions and 4 deletions

View File

@ -2043,6 +2043,10 @@ div.mailComposeHeaderSection > table {
color: #5B5B5B; color: #5B5B5B;
background-color: white; background-color: white;
} }
#composeToolbar-send {
background-color: #fafafa;
width: 40px;
}
/* width */ /* width */
table#mail-index_previewAttachmentArea::-webkit-scrollbar { table#mail-index_previewAttachmentArea::-webkit-scrollbar {
width: 5px; width: 5px;

View File

@ -2031,6 +2031,10 @@ div.mailComposeHeaderSection > table {
color: #5B5B5B; color: #5B5B5B;
background-color: white; background-color: white;
} }
#composeToolbar-send {
background-color: #fafafa;
width: 40px;
}
/* width */ /* width */
table#mail-index_previewAttachmentArea::-webkit-scrollbar { table#mail-index_previewAttachmentArea::-webkit-scrollbar {
width: 5px; width: 5px;

View File

@ -1187,7 +1187,10 @@ div.mailComposeHeaderSection > table {
color: #5B5B5B; color: #5B5B5B;
background-color: white; background-color: white;
} }
#composeToolbar-send {
background-color: #fafafa;
width: 40px;
}
/* width */ /* width */
table#mail-index_previewAttachmentArea::-webkit-scrollbar { table#mail-index_previewAttachmentArea::-webkit-scrollbar {
width: 5px; width: 5px;

View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- 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">
<svg version="1.1" id="filemanager_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" width="28.348px" height="28.348px" viewBox="0 0 28.348 28.348" enable-background="new 0 0 28.348 28.348"
xml:space="preserve">
<g>
<g>
<path fill="#696969" d="M11.469,1.107l0.07,0.619l0.112,0.994l0.994-0.113l12.088-1.371l-0.177,2.089l-21.3,2.417L2.319,2.145
L11.469,1.107 M12.35,0L1.061,1.281l1.447,5.553l22.977-2.607l0.349-4.122l-13.3,1.509L12.35,0L12.35,0z"/>
</g>
<g>
<path fill="#696969" d="M27.316,5.842L26.854,18.58l-9.268,1.053l-3.928,0.445l-9.246,1.049L1.425,8.78L27.316,5.842
M28.357,4.718L0.187,7.914l3.461,14.307l10.123-1.15l3.927-0.445l10.123-1.148L28.357,4.718L28.357,4.718z"/>
</g>
</g>
<path fill="#696969" d="M20.539,18.726c-5.21,0.19-8.343-2.188-10.989-4.831c0,6.284,5.457,11.23,10.989,11.288v3.165l7.809-6.406
l-7.809-6.407V18.726z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -5,9 +5,12 @@
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve"> width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
<g> <g>
<g> <g>
<path fill="#696969" d="M30.51,15.694L18.196,3.229c-1.235-1.252-3.241-1.252-4.478,0L1.404,15.694 <path fill="#62686A" d="M25.579,31.572l5.746-5.678c0.578-0.569,0.578-1.494,0-2.064l-5.746-5.677c-0.578-0.57-1.514-0.57-2.091,0
c-1.236,1.253-1.236,3.283,0,4.536h7.428v6.428c0,1.77,1.418,3.204,3.167,3.204h7.915c1.751,0,3.168-1.435,3.168-3.204V20.23 v3.425h-3.965c-0.815,0-1.476,0.653-1.476,1.459v3.649c0,0.808,0.661,1.461,1.476,1.461h3.965v3.425
h7.428C31.748,18.978,31.748,16.947,30.51,15.694z"/> C24.064,32.143,25.001,32.143,25.579,31.572z"/>
</g> </g>
</g> </g>
<path fill="none" stroke="#62686A" stroke-miterlimit="10" d="M25.624,1.044L2.253,6.158C1.093,6.41,0.358,7.557,0.612,8.717
l0.478,2.183l15.188,4.07L28.381,4.929l-0.545-2.494C27.618,1.447,26.631,0.824,25.624,1.044z M1.77,14.008l2.355,10.764
c0.215,0.989,1.207,1.609,2.212,1.39l23.649-5.174c1.008-0.221,1.646-1.197,1.429-2.187L29.06,8.036L17.026,18.39L1.77,14.008z"/>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 782 B

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- 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">
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
<path fill="#62686A" d="M31.267,14.558l-3.282-3.281L20.868,4.16l-3.282-3.283c-0.686-0.685-1.802-0.685-2.488,0.001L8.165,7.812
L7.947,8.03l-6.934,6.934c-0.686,0.685-0.686,1.801-0.001,2.486l3.283,3.283l7.117,7.116l3.282,3.282
c0.687,0.688,1.802,0.686,2.487,0l6.934-6.935l0.218-0.218l6.934-6.933C31.953,16.361,31.954,15.245,31.267,14.558z M22.47,22.332
l-2.586,2.587l-0.001-0.002l-0.618,0.618l-3.109,3.108l-3.73-3.73l-0.623-0.622l-3.73-3.73l-0.625-0.625L3.72,16.208l3.109-3.108
l0.618-0.618l2.586-2.586l0.217-0.217l2.585-2.586l0.618-0.618l3.109-3.109l3.728,3.729l0.625,0.624l3.73,3.731l0.622,0.622
l3.73,3.731l-3.108,3.107l-0.618,0.617l0.002,0.002l-2.585,2.585L22.47,22.332z"/>
<g>
<path fill="#62686A" d="M16.27,23.684c-1.165,0-1.97-0.872-1.97-2.035c0-1.211,0.829-2.039,2.015-2.039
c1.188,0,1.972,0.828,1.993,2.039c0,1.163-0.782,2.035-1.993,2.035H16.27z M15.038,18.49L14.546,8.344h3.538L17.592,18.49H15.038z"
/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- 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">
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
<path fill="#62686A" d="M31.268,14.558l-3.283-3.281L20.868,4.16l-3.282-3.283c-0.686-0.685-1.802-0.685-2.488,0.001L8.165,7.812
L7.947,8.03l-6.934,6.934c-0.686,0.685-0.686,1.802-0.001,2.486l3.283,3.282l7.117,7.117l3.282,3.281
c0.687,0.688,1.802,0.686,2.488,0l6.934-6.936l0.218-0.217l6.935-6.934C31.953,16.361,31.954,15.245,31.268,14.558z M22.471,22.332
l-2.587,2.587l-0.001-0.002l-0.617,0.618l-3.11,3.107l-3.73-3.729l-0.623-0.622l-3.73-3.73l-0.625-0.625L3.72,16.208L6.829,13.1
l0.618-0.618l2.586-2.586l0.217-0.217l2.585-2.586l0.618-0.618l3.109-3.109l3.728,3.729l0.625,0.624l3.729,3.731l0.623,0.622
l3.729,3.73l-3.108,3.107l-0.617,0.617l0.002,0.002l-2.586,2.585L22.471,22.332z"/>
<polygon fill="#62686A" points="17.902,18.144 17.902,8.325 15.097,8.325 15.097,18.144 11.021,18.144 16.499,23.684 21.875,18.144
"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,24 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- 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">
<svg version="1.1" id="pixelegg_save_zip" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" width="28.348px" height="28.348px" viewBox="0 0 28.348 28.348" enable-background="new 0 0 28.348 28.348"
xml:space="preserve">
<g>
<g>
<g>
<defs>
<rect id="SVGID_1_" x="0.042" y="0.046" width="28.263" height="28.255"/>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" overflow="visible"/>
</clipPath>
<path clip-path="url(#SVGID_2_)" fill="#ECECED" d="M15.108,17.001"/>
</g>
</g>
</g>
<rect x="0.042" y="0.046" fill="none" width="28.263" height="28.255"/>
<rect x="0.042" y="0.046" fill="none" width="28.263" height="28.255"/>
<path fill="#62686A" d="M16.581,13.866C8.77,14.153,4.069,10.585,0.099,6.619c0,9.426,8.185,16.848,16.482,16.932V28.3l11.716-9.61
L16.581,9.078V13.866z"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- 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">
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
<path fill="#62686A" d="M31.267,14.558l-3.282-3.281L20.868,4.16l-3.282-3.283c-0.686-0.685-1.802-0.685-2.488,0.001L8.165,7.812
L7.947,8.03l-6.934,6.934c-0.686,0.685-0.686,1.801-0.001,2.486l3.283,3.283l7.117,7.116l3.282,3.282
c0.687,0.688,1.802,0.686,2.487,0l6.934-6.935l0.218-0.218l6.934-6.933C31.953,16.361,31.954,15.245,31.267,14.558z M22.47,22.332
l-2.586,2.587l-0.001-0.002l-0.618,0.618l-3.109,3.108l-3.73-3.73l-0.623-0.622l-3.73-3.73l-0.625-0.625L3.72,16.208l3.109-3.108
l0.618-0.618l2.586-2.586l0.217-0.217l2.585-2.586l0.618-0.618l3.109-3.109l3.728,3.729l0.625,0.624l3.73,3.731l0.622,0.622
l3.73,3.731l-3.108,3.107l-0.618,0.617l0.002,0.002l-2.585,2.585L22.47,22.332z"/>
<g>
<path fill="#62686A" d="M16.27,23.684c-1.165,0-1.97-0.872-1.97-2.035c0-1.211,0.829-2.039,2.015-2.039
c1.188,0,1.972,0.828,1.993,2.039c0,1.163-0.782,2.035-1.993,2.035H16.27z M15.038,18.49L14.546,8.344h3.538L17.592,18.49H15.038z"
/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- 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">
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
<path fill="#62686A" d="M31.268,14.558l-3.283-3.281L20.868,4.16l-3.282-3.283c-0.686-0.685-1.802-0.685-2.488,0.001L8.165,7.812
L7.947,8.03l-6.934,6.934c-0.686,0.685-0.686,1.802-0.001,2.486l3.283,3.282l7.117,7.117l3.282,3.281
c0.687,0.688,1.802,0.686,2.488,0l6.934-6.936l0.218-0.217l6.935-6.934C31.953,16.361,31.954,15.245,31.268,14.558z M22.471,22.332
l-2.587,2.587l-0.001-0.002l-0.617,0.618l-3.11,3.107l-3.73-3.729l-0.623-0.622l-3.73-3.73l-0.625-0.625L3.72,16.208L6.829,13.1
l0.618-0.618l2.586-2.586l0.217-0.217l2.585-2.586l0.618-0.618l3.109-3.109l3.728,3.729l0.625,0.624l3.729,3.731l0.623,0.622
l3.729,3.73l-3.108,3.107l-0.617,0.617l0.002,0.002l-2.586,2.585L22.471,22.332z"/>
<polygon fill="#62686A" points="17.902,18.144 17.902,8.325 15.097,8.325 15.097,18.144 11.021,18.144 16.499,23.684 21.875,18.144
"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- 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">
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
<path fill="#62686A" d="M31.268,14.558l-3.283-3.281L20.868,4.16l-3.282-3.283c-0.686-0.685-1.802-0.685-2.488,0.001L8.165,7.812
L7.947,8.03l-6.934,6.934c-0.686,0.685-0.686,1.802-0.001,2.486l3.283,3.282l7.117,7.117l3.282,3.281
c0.687,0.688,1.802,0.686,2.488,0l6.934-6.936l0.218-0.217l6.935-6.934C31.953,16.361,31.954,15.245,31.268,14.558z M22.471,22.332
l-2.587,2.587l-0.001-0.002l-0.617,0.618l-3.11,3.107l-3.73-3.729l-0.623-0.622l-3.73-3.73l-0.625-0.625L3.72,16.208L6.829,13.1
l0.618-0.618l2.586-2.586l0.217-0.217l2.585-2.586l0.618-0.618l3.109-3.109l3.728,3.729l0.625,0.624l3.729,3.731l0.623,0.622
l3.729,3.73l-3.108,3.107l-0.617,0.617l0.002,0.002l-2.586,2.585L22.471,22.332z"/>
<circle fill="#62686A" cx="22.182" cy="15.604" r="2.208"/>
<circle fill="#62686A" cx="16.432" cy="15.604" r="2.208"/>
<circle fill="#62686A" cx="10.724" cy="15.604" r="2.208"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB