xevion/icons
1
0
Fork 0
mirror of https://github.com/Xevion/icons.git synced 2025-12-09 20:07:26 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fix bad stroke application for gr,tb,io5,fi,hi icon sets

Browse Source
This commit is contained in:
Xevion
2023-02-17 11:56:28 -06:00
parent 20ad36eab7
commit 0096f690f7
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/render/DisplayIconSingle.tsx
View File

@@ -29,6 +29,7 @@ const IconInternal: FunctionComponent<IconInternalProps> = ({label, children, on
</div> </div>
} }
const forcedSets = ['gr', 'tb', 'io5', 'fi', 'hi'];
const DisplayIconSingle: FunctionComponent<DisplayIconSingleProps> = ({setId, id}) => { const DisplayIconSingle: FunctionComponent<DisplayIconSingleProps> = ({setId, id}) => {
// eslint-disable-next-line // eslint-disable-next-line
const IconSet = loadable.lib(() => getIcons(setId)); const IconSet = loadable.lib(() => getIcons(setId));
@@ -42,7 +43,8 @@ const DisplayIconSingle: FunctionComponent<DisplayIconSingleProps> = ({setId, id
return <IconInternal label={id} onClick={() => { return <IconInternal label={id} onClick={() => {
void navigator.clipboard.writeText(`import {${id}} from "react-icons/${setId}";`) void navigator.clipboard.writeText(`import {${id}} from "react-icons/${setId}";`)
}}> }}>
<Icon className={classNames(iconClass, setId === 'gr' ? 'forceStroke' : null)}/>
<Icon className={classNames(iconClass, forcedSets.indexOf(setId) != -1 ? 'forceStroke' : null)}/>
</IconInternal> </IconInternal>
}} }}

7
src/styles/globals.scss
View File

@@ -16,6 +16,9 @@ code {
Bitstream Vera Sans Mono, Courier New, monospace; Bitstream Vera Sans Mono, Courier New, monospace;
} }
.forceStroke > path, g { //
stroke: currentColor; .forceStroke {
> path:not([stroke="none"]), g, rect, line, polyline, circle, polygon {
stroke: currentColor;
}
} }