New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Abbreviates dates in the patient data charts and brings arrows in closer. #182
Abbreviates dates in the patient data charts and brings arrows in closer. #182
Conversation
…element around date to bring arrows in closer to dates.
@@ -117,7 +117,7 @@ var Daily = React.createClass({ | |||
else { | |||
timezone = timePrefs.timezoneName || 'UTC'; | |||
} | |||
return sundial.formatInTimezone(datetime, timezone, 'dddd, MMMM Do'); | |||
return sundial.formatInTimezone(datetime, timezone, 'ddd, MMM D, YYYY'); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Do we want to keep ordinal markers after the dates? e.g., 14th instead of 14?
This is a question as much for @skrugman and @brandonarbiter
If yes, everywhere or just daily view?
padding-left: 0; | ||
padding-right: 0; | ||
// padding-left: 0; | ||
// padding-right: 0; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can you delete commented out lines?
Just waiting on deletion of commented-out code and another update merge from master; otherwise looks good. |
@jebeck |
Awesome, thanks! |
Abbreviates dates in the patient data charts and brings arrows in closer.
This PR abbreviates the dates shown in daily, weekly, and trend views of patient data.
@jebeck @skrugman
To tighten the position of the arrows, I removed a large block element that surrounded the dates in each view. When you test this, you'll notice that this causes the arrows to bounce slightly as the width of the date string changes. In my testing, I found that you can still click the arrows repeatedly to move forward or backward in time without losing focus.
If the slight jump/bounce of the arrows is undesirable, I can create CSS rules for each view that will reintroduce the block around the date, just a bit tighter than before when there was one block for all views.
Let me know how you'd like me to proceed!
Resolves: https://trello.com/c/RELPBpRy
I agree to the terms of Tidepool Project’s Volunteer/Contributor License Agreement v1.0
as it exists at http://tidepool-org.github.io/TidepoolVCLA.pdf on Monday, January 12, 2015.
cc/ @kentquirk