Closed danrademacher closed 6 years ago
Here we go:
Layout is as depicted above, except that per discussion: the killed & injured sums were shuffled a bit.
The layout as given doesn't work so well on a 1024px-width display with large numbers, and will linewrap at 1024px width. A workaround would be using a smaller font (1.2rem), making the sums smaller than the surrounding text (1.4rem).
This also has the visual effect of the numbers not being left-justified to surrounding content, "looks weird"
Sums are not centered, instead being left-justified with some padding.
Word "Persons" was removed from the sums as was the "colon style" of wording. This frees up 16 characters of space, allowing regular font size to be used and for left-padding to justify the numbers above the words below.
Still to do: determine feasibility of comparing the two periods to create percentage diffs.
Here are the percentage change readouts.
Standard percentage change of A relative to B as a baseline
Could display this on both; right now it is calculated but suppressed in Period B. Here for example, Period B's 3 fatalities versus 2 fatalities would be a "+50% change" relative to Period A. This would allow either one to be "the baseline" but also presumes that folks remember how reciprocal fractions work.
If a diff is under 1% then a special message is displayed.
If the numbers are the same, NO CHANGE is displayed
Just deployed to live site
Here we go. I added a patch into the DotGridSums
to force citywide for the Citywide section even if it is not our reference entity.
Closure of this Issue was accidental. Need to deploy and confirm on live site, before closing this.
Confirmed and deployed:
Hmm, my attempt at minimal intervention Compare changes didn't fly entirely.
Revised proposed layout:![image](https://user-images.githubusercontent.com/1423200/37855167-322064c6-2eab-11e8-8ceb-6d7a2a612939.png)
Change list
<h5>
. Don't repeat in each element.<h6>
) subhead below the date ranges. Don't repeat in each element.(A - B)/B
to get a percentage. Set those below the values in Period A column, and set in about 12px font.