mirror of
https://github.com/nickzuber/meteorite.git
synced 2024-09-11 11:36:03 +03:00
Tweak chart and tooltip positioning
This commit is contained in:
parent
30d129c20d
commit
43864a266d
Binary file not shown.
Before Width: | Height: | Size: 407 KiB After Width: | Height: | Size: 405 KiB |
@ -518,6 +518,7 @@ const BarContainer = styled('div')({
|
||||
|
||||
const stripe_size = 3;
|
||||
const Bar = styled('div')({
|
||||
cursor: 'pointer',
|
||||
position: 'relative',
|
||||
width: 20,
|
||||
minHeight: 5,
|
||||
@ -758,11 +759,10 @@ export default function Scene ({
|
||||
</EnhancedSidebarLink>
|
||||
<div style={{
|
||||
padding: 14,
|
||||
margin: 8,
|
||||
borderRadius: 4,
|
||||
height: 100,
|
||||
fontSize: 11,
|
||||
marginBottom: 20,
|
||||
margin: '24px 8px 20px'
|
||||
}}>
|
||||
<BarGraph>
|
||||
{/* Last week's statistics */}
|
||||
@ -793,8 +793,10 @@ export default function Scene ({
|
||||
{lastWeekStats.map((_, i) => (
|
||||
<EnhancedBar
|
||||
key={i}
|
||||
style={{width: 33}}
|
||||
tooltip={getWeekday(i)}
|
||||
tooltipOffsetY={50}
|
||||
tooltipOffsetY={-15}
|
||||
tooltipOffsetX={5}
|
||||
tooltipSpeed={0}
|
||||
height={100}
|
||||
/>
|
||||
|
@ -91,5 +91,5 @@ p {
|
||||
white-space: nowrap;
|
||||
transform: translateX(-35%) translateY(-15px);
|
||||
opacity: 0;
|
||||
transition: all 100ms ease-in;
|
||||
transition: all 75ms ease-in;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user