abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-07 09:25:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: pass-through to color / unset if no gradient

Browse Source
This commit is contained in:
Paul Makles
2022-07-16 12:59:59 +01:00
parent 29718df94d
commit bd1bc79996
2 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/common/user/UserShort.tsx
View File

@@ -1,7 +1,7 @@
import { observer } from "mobx-react-lite";
import { useParams } from "react-router-dom";
import { User, API } from "revolt.js";
import styled from "styled-components/macro";
import styled, { css } from "styled-components/macro";
import { Ref } from "preact";
import { Text } from "preact-i18n";
@@ -39,10 +39,18 @@ type UsernameProps = Omit<
};
const Name = styled.span<{ colour?: string | null }>`
background: ${(props) => props.colour ?? "var(--foreground)"};
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
${(props) =>
props.colour &&
(props.colour.includes("gradient")
? css`
background: ${props.colour};
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
`
: css`
color: ${props.colour};
`)}
`;
export const Username = observer(