nickzuber/meteorite
1
1
Fork 0
mirror of https://github.com/nickzuber/meteorite.git synced 2024-11-29 09:31:15 +03:00
Code Issues Packages Projects Releases Wiki Activity

Tweak chart and tooltip positioning

Browse Source
This commit is contained in:
Nicholas Zuber 2018-11-15 00:17:32 -05:00
parent 30d129c20d
commit 43864a266d
3 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/images/screenshot.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 407 KiB

After

Width:  |  Height:  |  Size: 405 KiB

8
src/pages/Notifications/Scene.js
View File

@ -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}
/>

2
src/styles/index.css
View File

@ -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;
}