crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed styling for copy / run code buttons in code snippet

Browse Source
This commit is contained in:
Piotr Janosz
2019-07-08 19:40:42 +02:00
committed by fabioberger
parent a9f046609c
commit 40234e5b4a
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/website/ts/components/docs/code.tsx
View File

@@ -93,14 +93,15 @@ const CodeTag = styled.code`
} }
`; `;
const CopyButton = styled(Button)` const CopyButton = styled(Button).attrs({
isTransparent: true,
})`
float: right; float: right;
height: 32px; height: 32px;
padding: 0 12px; padding: 0 12px;
margin-bottom: 13px; margin-bottom: 13px;
font-size: 14px; font-size: 14px;
font-weight: 300; font-weight: 300;
background: white;
border: 1px solid ${colors.beigeWhite}; border: 1px solid ${colors.beigeWhite};
border-radius: ${BORDER_RADIUS}; border-radius: ${BORDER_RADIUS};
color: ${colors.brandDark}; color: ${colors.brandDark};

4
packages/website/ts/components/docs/code_run.tsx
View File

@@ -44,7 +44,9 @@ const RunButton = styled(ActionButton)`
margin-bottom: 4px; margin-bottom: 4px;
`; `;
const ResetButton = styled(ActionButton)` const ResetButton = styled(ActionButton).attrs({
isTransparent: true,
})`
background-color: white; background-color: white;
color: ${colors.brandDark}; color: ${colors.brandDark};
`; `;