docs: fix demo card icons color (#39191)

This commit is contained in:
afc163 2022-12-02 16:32:16 +08:00 committed by GitHub
parent eb77c5a7e6
commit 4e460cde42
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 25 deletions

View File

@ -407,6 +407,7 @@ createRoot(document.getElementById('container')).render(<Demo />);
<CodeSandboxIcon className="code-box-codesandbox" /> <CodeSandboxIcon className="code-box-codesandbox" />
</Tooltip> </Tooltip>
</form> </form>
{sourceCode && (
<form <form
className="code-box-code-action" className="code-box-code-action"
action="https://codepen.io/pen/define" action="https://codepen.io/pen/define"
@ -417,15 +418,13 @@ createRoot(document.getElementById('container')).render(<Demo />);
this.track({ type: 'codepen', demo: meta.id }); this.track({ type: 'codepen', demo: meta.id });
this.codepenIconRef.current.submit(); this.codepenIconRef.current.submit();
}} }}
style={{
display: sourceCode ? '' : 'none',
}}
> >
<input type="hidden" name="data" value={JSON.stringify(codepenPrefillConfig)} /> <input type="hidden" name="data" value={JSON.stringify(codepenPrefillConfig)} />
<Tooltip title={<FormattedMessage id="app.demo.codepen" />}> <Tooltip title={<FormattedMessage id="app.demo.codepen" />}>
<CodePenIcon className="code-box-codepen" /> <CodePenIcon className="code-box-codepen" />
</Tooltip> </Tooltip>
</form> </form>
)}
<Tooltip title={<FormattedMessage id="app.demo.stackblitz" />}> <Tooltip title={<FormattedMessage id="app.demo.stackblitz" />}>
<span <span
className="code-box-code-action" className="code-box-code-action"

View File

@ -1083,7 +1083,7 @@ const GlobalStyles = () => {
} }
} }
&-actions > &-code-action { &-actions &-code-action {
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
@ -1112,10 +1112,6 @@ const GlobalStyles = () => {
cursor: pointer; cursor: pointer;
transition: transform 0.24s; transition: transform 0.24s;
&:hover {
transform: scale(1.1);
}
&${iconCls}-check { &${iconCls}-check {
color: ${token['green-6']} !important; color: ${token['green-6']} !important;
font-weight: bold; font-weight: bold;

View File

@ -329,7 +329,7 @@
"mode": "npm" "mode": "npm"
}, },
"lint-staged": { "lint-staged": {
"*.{ts,tsx,js}": "rome format --write", "*.{ts,tsx,js,jsx}": "rome format --write",
"*.{json,less,md}": "prettier --ignore-unknown --write" "*.{json,less,md}": "prettier --ignore-unknown --write"
} }
} }