Skip to content

Commit

Permalink
feat(outliner): improve button colors
Browse files Browse the repository at this point in the history
  • Loading branch information
dragonman225 authored and thesophiaxu committed Apr 13, 2022
1 parent 5bd4aa5 commit de01721
Showing 1 changed file with 6 additions and 2 deletions.
8 changes: 6 additions & 2 deletions packages/unigraph-dev-explorer/src/examples/notes/Outline.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -47,9 +47,12 @@ const Toggle = styled('button')({
margin: 0,
padding: '0.1rem',
fontSize: '1rem',
transition: 'transform 0.1s ease-in, background 0.1s ease-in',
transition: 'transform 0.1s ease-in, background 30ms ease-in',
'&:hover': {
backgroundColor: colors.grey[200],
background: 'rgba(0, 0, 0, 0.08)',
},
'&:active': {
background: 'rgba(0, 0, 0, 0.16)',
},
});

Expand Down Expand Up @@ -220,6 +223,7 @@ export function Outline({
ref={setDragSource}
style={{
visibility: hover ? 'visible' : 'hidden',
transform: 'translateY(0.1rem)', // visual fine tune
}}
/>
<Toggle
Expand Down

0 comments on commit de01721

Please sign in to comment.