roleypoly/v1
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly-v1.git synced 2025-06-16 10:19:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix firefox randomly throwing roles into space

Browse source
This commit is contained in:
41666 2019-03-21 11:23:00 -05:00
parent ce348e268b
commit b2139c6a24
3 changed files with 11 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
ui/components/demos/tap.js
View file

@ -5,7 +5,9 @@ import Role from '../role/demo'
import demoRoles from '../../config/demo'
const DemoWrapper = styled.div`
text-align: center;
justify-content: center;
display: flex;
flex-wrap: wrap;
`
export default () => <DemoWrapper>

4
ui/components/role/role.styled.js
View file

@ -9,7 +9,7 @@ export default styled.div`
cursor: pointer;
position: relative;
display: inline-flex;
display: flex;
overflow: hidden;
align-items: center;
justify-content: flex-start;
@ -73,7 +73,7 @@ export default styled.div`
border: 1px solid var(--role-color-base);
border-radius: 100%;
clip-path: border-box circle(50.2% at 50% 50%); /* firefox fix */
clip-path: border-box circle(50.2% at 50% 50%); /* this is just for you, firefox. */
transform: rotateZ(0);
${(props: any) => (props.active) ? `