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
|
||||
- fediverse.svg - Modified from Wikipedia, CC0
|
||||
- gavel.svg - Created by ramsha61 for this project, MIT
|
||||
- home-2-filled.svg - Modified from Tabler icons, MIT
|
||||
- gavel.svg - Created by ramsha61 for this project, MIT
|
||||
- home-squared.svg - Modified from Tabler icons, MIT
|
||||
- pen-add.svg - Modified from Feather icons, MIT
|
||||
|
||||
Tabler: https://tabler-icons.io/
|
||||
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'>
|
||||
<h1 className='column-header primary-navigation'>
|
||||
<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' />
|
||||
</NavLink>
|
||||
|
||||
|
|
|
@ -47,7 +47,10 @@ class ThumbNavigation extends React.PureComponent {
|
|||
return (
|
||||
<div className='thumb-navigation'>
|
||||
<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>
|
||||
<FormattedMessage id='navigation.home' defaultMessage='Home' />
|
||||
</span>
|
||||
|
|
|
@ -65,7 +65,7 @@ class TabsBar extends React.PureComponent {
|
|||
</Link>
|
||||
) : (
|
||||
<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>
|
||||
</Link>
|
||||
)}
|
||||
|
|
|
@ -668,7 +668,7 @@ class UI extends React.PureComponent {
|
|||
className='floating-action-button'
|
||||
aria-label={intl.formatMessage(messages.publish)}
|
||||
>
|
||||
<Icon src={require('@tabler/icons/icons/pencil.svg')} fixedWidth />
|
||||
<Icon src={require('icons/pen-add.svg')} />
|
||||
</button>
|
||||
);
|
||||
|
||||
|
|
|
@ -14,6 +14,10 @@
|
|||
}
|
||||
|
||||
&--active {
|
||||
&.svg-icon--home svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
svg.icon-tabler-search {
|
||||
stroke-width: 2.3px;
|
||||
}
|
||||
|
|
|
@ -289,6 +289,11 @@
|
|||
width: 26px;
|
||||
height: 26px;
|
||||
margin: 0 auto;
|
||||
|
||||
svg {
|
||||
fill: currentColor;
|
||||
stroke-width: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
|
|
@ -391,12 +391,12 @@
|
|||
}
|
||||
|
||||
.svg-icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
|
||||
svg {
|
||||
stroke-width: 1px;
|
||||
width: 40px; // iOS fix
|
||||
stroke: 1.5px;
|
||||
width: 30px; // iOS fix
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Ładowanie…
Reference in New Issue