miklo
/
soapbox
sforkowany z mirror/soapbox
1
0
Forkuj 0
Kod Zgłoszenia Oczekujące zmiany Packages Projekty Wydania Wiki Aktywność

Use custom Home and Post icons

profile-avatar-switcher
Alex Gleason 2021-10-05 17:58:25 -05:00
rodzic 30973bd05f
commit 1b7fe4ee04
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: 7211D1F99744FBB7
11 zmienionych plików z 163 dodań i 13 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

5
app/icons/COPYING.md
Wyświetl plik

@ -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/

3
app/icons/home-2-filled.svg
Wyświetl plik

@ -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>
Side by Side

Przed

Szerokość:  |  Wysokość:  |  Rozmiar: 289 B

59
app/icons/home-square.svg 100644
Wyświetl plik

@ -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>
Side by Side

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 1.7 KiB

78
app/icons/pen-add.svg 100644
Wyświetl plik

@ -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>
Side by Side

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 2.1 KiB

5
app/soapbox/components/primary_navigation.js
Wyświetl plik

@ -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>

5
app/soapbox/components/thumb_navigation.js
Wyświetl plik

@ -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>

2
app/soapbox/features/ui/components/tabs_bar.js
Wyświetl plik

@ -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>
)}

2
app/soapbox/features/ui/index.js
Wyświetl plik

@ -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>
);

4
app/styles/components/icon.scss
Wyświetl plik

@ -14,6 +14,10 @@
}
&--active {
&.svg-icon--home svg {
fill: currentColor;
}
svg.icon-tabler-search {
stroke-width: 2.3px;
}

5
app/styles/components/tabs-bar.scss
Wyświetl plik

@ -289,6 +289,11 @@
width: 26px;
height: 26px;
margin: 0 auto;
svg {
fill: currentColor;
stroke-width: 1px;
}
}
&:hover {

8
app/styles/ui.scss
Wyświetl plik

@ -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
}
}
}