Skip to content
This repository has been archived by the owner on Apr 4, 2023. It is now read-only.

[WIP] Comment submission page styles #362

Merged
merged 10 commits into from
Jun 1, 2016
Merged

Conversation

xtine
Copy link
Member

@xtine xtine commented May 19, 2016

Set Comment submission styles for 18F/epa-notice#238

  • Set alert styles
  • PDF download link
  • Comment tracking section
  • What will happen to your comment list styles
  • Comment Success page template
  • Comment Fail/Invalid page template

.success-alert {
background-color: @green_light;
display: -webkit-flex;
display: flex;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks like IE has significant issues with display: flex. Does it give us much?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I did a check in Virtualbox with IE11 and it loads okay. According to ATF analytics only 24% are on IE, and of that 87% are on IE11.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Over 3% of the total users are running IE below 11, and we don't know how indicative ATF is of our general users. I'm wondering if flex is worth it here; it seems like we can accomplish the same end goal without it pretty easily?

@xtine
Copy link
Member Author

xtine commented May 20, 2016

Styled comment success page:
screen shot 2016-05-19 at 8 01 17 pm
screen shot 2016-05-19 at 8 01 53 pm

@xtine
Copy link
Member Author

xtine commented May 20, 2016

Styled comment submission fail page:
screen shot 2016-05-19 at 8 38 34 pm

@xtine xtine changed the title [WIP] Comment confirmation page styles [WIP] Comment submission page styles May 20, 2016
@xtine
Copy link
Member Author

xtine commented May 20, 2016

Tasks remaining for another issue/PR:

  • Download comment success PDF
  • Comment success tracking number
  • Link for "the docket folder for this proposed rule" and failed comment submission contact e-mail


<p>
<a href=""><span class="fa fa-file-pdf-o"></span> Download draft comment (PDF)</a>
</p>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's comment this out until the JS functionality is available

@cmc333333
Copy link
Member

Without the comment success PDF and tracking number, this is a functionality regression. We shouldn't merge these styles until functionality is restored. Does that make sense?

@xtine
Copy link
Member Author

xtine commented May 20, 2016

I just commented out any mentions of PDF downloads. Looks like this:
screen shot 2016-05-19 at 11 06 26 pm

Can we merge styles like this and then add the PDF mentions once JS is in?

@cmc333333
Copy link
Member

I don't think this can be merged with the JS regression; it'd block 18F/epa-notice#299 and 18F/epa-notice#306 . If you don't have time to try to fix, I can take a look later today

This uses underscore templates so that the templates associated with the PDF
download and tracking number are part of the markup (rather than only being
present in the JS)
@cmc333333
Copy link
Member

xtine#4 brings back the JS functionality

Bring back pdf link and tracking number
@xtine
Copy link
Member Author

xtine commented Jun 1, 2016

@cmc333333: feel free to merge this, I'll push another PR for updates.

@cmc333333
Copy link
Member

👍

@cmc333333 cmc333333 merged commit da14696 into eregs:master Jun 1, 2016
@xtine xtine deleted the comment-confirm branch July 7, 2016 05:51
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants