sforkowany z mirror/soapbox
Use custom Home and Post icons
rodzic
30973bd05f
commit
1b7fe4ee04
|
@ -2,8 +2,9 @@
|
||||||
|
|
||||||
- dashboard-filled.svg - Modified from Tabler icons, MIT
|
- dashboard-filled.svg - Modified from Tabler icons, MIT
|
||||||
- fediverse.svg - Modified from Wikipedia, CC0
|
- fediverse.svg - Modified from Wikipedia, CC0
|
||||||
- gavel.svg - Created by ramsha61 for this project, MIT
|
- gavel.svg - Created by ramsha61 for this project, MIT
|
||||||
- home-2-filled.svg - Modified from Tabler icons, MIT
|
- home-squared.svg - Modified from Tabler icons, MIT
|
||||||
|
- pen-add.svg - Modified from Feather icons, MIT
|
||||||
|
|
||||||
Tabler: https://tabler-icons.io/
|
Tabler: https://tabler-icons.io/
|
||||||
Feather: https://feathericons.com/
|
Feather: https://feathericons.com/
|
||||||
|
|
|
@ -1,3 +0,0 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler" width="24" height="24" stroke-width="2" stroke="currentColor" fill="currentColor" stroke-linecap="round" stroke-linejoin="round">
|
|
||||||
<path d="M12 3l-9 9h2v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7h2l-9-9zm-2 9h4v4h-4v-4z"/>
|
|
||||||
</svg>
|
|
Przed Szerokość: | Wysokość: | Rozmiar: 289 B |
|
@ -0,0 +1,59 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
version="1.1"
|
||||||
|
id="svg4"
|
||||||
|
sodipodi:docname="home-square.svg"
|
||||||
|
inkscape:version="1.0.2 (1.0.2+r75+1)">
|
||||||
|
<metadata
|
||||||
|
id="metadata10">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title></dc:title>
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<defs
|
||||||
|
id="defs8" />
|
||||||
|
<sodipodi:namedview
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1"
|
||||||
|
objecttolerance="10"
|
||||||
|
gridtolerance="10"
|
||||||
|
guidetolerance="10"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:window-width="1366"
|
||||||
|
inkscape:window-height="705"
|
||||||
|
id="namedview6"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="4.2821102"
|
||||||
|
inkscape:cx="18.631545"
|
||||||
|
inkscape:cy="20.30869"
|
||||||
|
inkscape:window-x="0"
|
||||||
|
inkscape:window-y="30"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="svg4" />
|
||||||
|
<path
|
||||||
|
d="m 12,3 -9,7 v 11 c 1.9540513,0 3.8465823,0 6,0 v -6 c 0,-1.104569 0.8954305,-2 2,-2 h 2 c 1.104569,0 2,0.895431 2,2 v 6 c 2,0 4,0 6,0 V 10 Z"
|
||||||
|
id="path2"
|
||||||
|
sodipodi:nodetypes="ccccsssscccc" />
|
||||||
|
</svg>
|
Po Szerokość: | Wysokość: | Rozmiar: 1.7 KiB |
|
@ -0,0 +1,78 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-width="1.5"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
class="feather feather-pen-tool"
|
||||||
|
version="1.1"
|
||||||
|
id="svg10"
|
||||||
|
sodipodi:docname="pen-add.svg"
|
||||||
|
inkscape:version="1.0.2 (1.0.2+r75+1)">
|
||||||
|
<metadata
|
||||||
|
id="metadata16">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work
|
||||||
|
rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||||
|
<dc:title></dc:title>
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<defs
|
||||||
|
id="defs14" />
|
||||||
|
<sodipodi:namedview
|
||||||
|
pagecolor="#ffffff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1"
|
||||||
|
objecttolerance="10"
|
||||||
|
gridtolerance="10"
|
||||||
|
guidetolerance="10"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:window-width="1366"
|
||||||
|
inkscape:window-height="705"
|
||||||
|
id="namedview12"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="8"
|
||||||
|
inkscape:cx="10.674175"
|
||||||
|
inkscape:cy="12"
|
||||||
|
inkscape:window-x="0"
|
||||||
|
inkscape:window-y="30"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="svg10" />
|
||||||
|
<path
|
||||||
|
d="M 20.47236,13.274579 14.302339,7.1045579 16.946633,4.460263 23.116655,10.630284 Z"
|
||||||
|
id="path2" />
|
||||||
|
<path
|
||||||
|
d="M 15.18377,7.9859895 8.5730298,9.3081369 5.4880191,22.088895 18.268781,19.003885 19.590928,12.393148 Z"
|
||||||
|
id="path4" />
|
||||||
|
<path
|
||||||
|
d="m 5.4880191,22.088895 6.6865439,-6.68654"
|
||||||
|
id="path6" />
|
||||||
|
<circle
|
||||||
|
cx="-14.156011"
|
||||||
|
cy="13.420902"
|
||||||
|
id="circle8"
|
||||||
|
r="1.7628632"
|
||||||
|
transform="rotate(-90)" />
|
||||||
|
<path
|
||||||
|
d="M 4.7036412,1 V 8.4072824"
|
||||||
|
id="path841" />
|
||||||
|
<path
|
||||||
|
d="M 8.4072823,4.7036412 H 1"
|
||||||
|
id="path841-3" />
|
||||||
|
</svg>
|
Po Szerokość: | Wysokość: | Rozmiar: 2.1 KiB |
|
@ -56,7 +56,10 @@ class PrimaryNavigation extends React.PureComponent {
|
||||||
<div className='column-header__wrapper primary-navigation__wrapper'>
|
<div className='column-header__wrapper primary-navigation__wrapper'>
|
||||||
<h1 className='column-header primary-navigation'>
|
<h1 className='column-header primary-navigation'>
|
||||||
<NavLink to='/' exact className='btn grouped'>
|
<NavLink to='/' exact className='btn grouped'>
|
||||||
<Icon src={location.pathname === '/' ? require('icons/home-2-filled.svg') : require('@tabler/icons/icons/home-2.svg')} className='primary-navigation__icon' />
|
<Icon
|
||||||
|
src={require('icons/home-square.svg')}
|
||||||
|
className={classNames('primary-navigation__icon', 'svg-icon--home', { 'svg-icon--active': location.pathname === '/' })}
|
||||||
|
/>
|
||||||
<FormattedMessage id='tabs_bar.home' defaultMessage='Home' />
|
<FormattedMessage id='tabs_bar.home' defaultMessage='Home' />
|
||||||
</NavLink>
|
</NavLink>
|
||||||
|
|
||||||
|
|
|
@ -47,7 +47,10 @@ class ThumbNavigation extends React.PureComponent {
|
||||||
return (
|
return (
|
||||||
<div className='thumb-navigation'>
|
<div className='thumb-navigation'>
|
||||||
<NavLink to='/' exact className='thumb-navigation__link'>
|
<NavLink to='/' exact className='thumb-navigation__link'>
|
||||||
<Icon src={location.pathname === '/' ? require('icons/home-2-filled.svg') : require('@tabler/icons/icons/home-2.svg')} />
|
<Icon
|
||||||
|
src={require('icons/home-square.svg')}
|
||||||
|
className={classNames('svg-icon--home', { 'svg-icon--active': location.pathname === '/' })}
|
||||||
|
/>
|
||||||
<span>
|
<span>
|
||||||
<FormattedMessage id='navigation.home' defaultMessage='Home' />
|
<FormattedMessage id='navigation.home' defaultMessage='Home' />
|
||||||
</span>
|
</span>
|
||||||
|
|
|
@ -65,7 +65,7 @@ class TabsBar extends React.PureComponent {
|
||||||
</Link>
|
</Link>
|
||||||
) : (
|
) : (
|
||||||
<Link key='logo' className='tabs-bar__link--logo' to='/' data-preview-title-id='column.home'>
|
<Link key='logo' className='tabs-bar__link--logo' to='/' data-preview-title-id='column.home'>
|
||||||
<Icon alt='Logo' src={require('icons/home-2-filled.svg')} />
|
<Icon alt='Logo' src={require('icons/home-square.svg')} />
|
||||||
<span><FormattedMessage id='tabs_bar.home' defaultMessage='Home' /></span>
|
<span><FormattedMessage id='tabs_bar.home' defaultMessage='Home' /></span>
|
||||||
</Link>
|
</Link>
|
||||||
)}
|
)}
|
||||||
|
|
|
@ -668,7 +668,7 @@ class UI extends React.PureComponent {
|
||||||
className='floating-action-button'
|
className='floating-action-button'
|
||||||
aria-label={intl.formatMessage(messages.publish)}
|
aria-label={intl.formatMessage(messages.publish)}
|
||||||
>
|
>
|
||||||
<Icon src={require('@tabler/icons/icons/pencil.svg')} fixedWidth />
|
<Icon src={require('icons/pen-add.svg')} />
|
||||||
</button>
|
</button>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
|
@ -14,6 +14,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&--active {
|
&--active {
|
||||||
|
&.svg-icon--home svg {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
svg.icon-tabler-search {
|
svg.icon-tabler-search {
|
||||||
stroke-width: 2.3px;
|
stroke-width: 2.3px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -289,6 +289,11 @@
|
||||||
width: 26px;
|
width: 26px;
|
||||||
height: 26px;
|
height: 26px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
||||||
|
svg {
|
||||||
|
fill: currentColor;
|
||||||
|
stroke-width: 1px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
|
@ -391,12 +391,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.svg-icon {
|
.svg-icon {
|
||||||
width: 40px;
|
width: 30px;
|
||||||
height: 40px;
|
height: 30px;
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
stroke-width: 1px;
|
stroke: 1.5px;
|
||||||
width: 40px; // iOS fix
|
width: 30px; // iOS fix
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Ładowanie…
Reference in New Issue