public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00
Code Issues Releases Wiki Activity

fixed sideNav icons

Browse Source
This commit is contained in:
Yutaka Ishii
2017-12-11 22:03:29 +09:00
parent 9e8d04d806
commit 4983605b23
4 changed files with 47 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
browser/components/SideNavFilter.js
View File

@@ -41,7 +41,7 @@ const SideNavFilter = ({
<div styleName='iconWrap'>
<img src={isStarredActive
? '../resources/icon/icon-star-active.svg'
: '../resources/icon/icon-star.svg'
: '../resources/icon/icon-star-sidenav.svg'
}
/>
</div>
@@ -55,7 +55,7 @@ const SideNavFilter = ({
<div styleName='iconWrap'>
<img src={isTrashedActive
? '../resources/icon/icon-trash-active.svg'
: '../resources/icon/icon-trash.svg'
: '../resources/icon/icon-trash-sidenav.svg'
}
/>
</div>

20
resources/icon/icon-star-sidenav.svg Normal file
View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="18px" height="17px" viewBox="0 0 18 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
<title>icon-star-sidenav</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-150.000000, -267.000000)">
<g id="BG" transform="translate(64.000000, 132.000000)">
<g id="icon-star-sidenav" transform="translate(85.000000, 134.000000)">
<rect id="Rectangle-7" fill="#D8D8D8" opacity="0" x="0" y="0" width="20" height="20"></rect>
<g id="star" transform="translate(1.000000, 1.000000)">
<rect id="Rectangle-2" fill="#D8D8D8" opacity="0" x="0" y="0" width="18" height="18"></rect>
<g transform="translate(1.500000, 1.500000)" id="Shape" stroke="#8A8C8D" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<polygon points="7.5 0 9.8175 4.695 15 5.4525 11.25 9.105 12.135 14.265 7.5 11.8275 2.865 14.265 3.75 9.105 0 5.4525 5.1825 4.695"></polygon>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

18
resources/icon/icon-star.svg
View File

@@ -1,16 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="19px" viewBox="0 0 20 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
<svg width="18px" height="17px" viewBox="0 0 18 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
<title>icon-star</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Artboard" transform="translate(-1439.000000, -184.000000)">
<g id="icon-star" transform="translate(1437.000000, 182.000000)">
<rect id="Rectangle-7" fill="#D8D8D8" fill-rule="nonzero" opacity="0" x="0" y="0" width="24" height="24"></rect>
<rect id="Rectangle-2" fill="#D8D8D8" fill-rule="nonzero" opacity="0" x="1" y="1" width="18" height="18"></rect>
<g id="star" stroke-linecap="round" stroke-linejoin="round" transform="translate(3.000000, 3.000000)" stroke-width="1.8" stroke="#C7C7C7">
<polygon id="Shape" points="9 0 11.781 5.634 18 6.543 13.5 10.926 14.562 17.118 9 14.193 3.438 17.118 4.5 10.926 0 6.543 6.219 5.634"></polygon>
<g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-1440.000000, -187.000000)">
<g id="icon-star" transform="translate(1439.000000, 186.000000)">
<rect id="Rectangle-7" fill="#D8D8D8" opacity="0" x="0" y="0" width="20" height="20"></rect>
<g id="star" transform="translate(1.000000, 1.000000)">
<rect id="Rectangle-2" fill="#D8D8D8" opacity="0" x="0" y="0" width="18" height="18"></rect>
<g transform="translate(1.500000, 1.500000)" id="Shape" stroke="#C7C7C7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
<polygon points="7.5 0 9.8175 4.695 15 5.4525 11.25 9.105 12.135 14.265 7.5 11.8275 2.865 14.265 3.75 9.105 0 5.4525 5.1825 4.695"></polygon>
</g>
</g>
</g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

16
resources/icon/icon-trash-sidenav.svg Normal file
View File

@@ -0,0 +1,16 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="18px" viewBox="0 0 16 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
<title>icon-trash-sidenav</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-178.000000, -265.000000)">
<g id="icon-trash-sidenav" transform="translate(176.000000, 264.000000)">
<rect id="Rectangle-7" fill="#C6C6C6" fill-rule="nonzero" opacity="0" x="0" y="0" width="20" height="20"></rect>
<g id="trash" stroke-linecap="round" stroke-linejoin="round" transform="translate(3.000000, 2.000000)" stroke="#8A8C8D" stroke-width="1.55555556">
<polyline id="Shape" points="0 3.2 1.55555556 3.2 14 3.2"></polyline>
<path d="M12.4444444,3.2 L12.4444444,14.4 C12.4444444,15.2836556 11.7479985,16 10.8888889,16 L3.11111111,16 C2.2520015,16 1.55555556,15.2836556 1.55555556,14.4 L1.55555556,3.2 M3.88888889,3.2 L3.88888889,1.6 C3.88888889,0.7163444 4.58533483,0 5.44444444,0 L8.55555556,0 C9.41466517,0 10.1111111,0.7163444 10.1111111,1.6 L10.1111111,3.2" id="Shape"></path>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB