1133095 - Convert issue detail pages into single modal popups including removing scroll functionality

Status: RESOLVED FIXED

(Websites :: Shape of the Web, defect)

Description

[Cory Price [:ckprice] (bugmail disabled, NI me!)]

Turn the details page into overlays that can be closed, to allow user to close and go back to previous step. This will improve issues around navigational confusing.

Dependent on design:

https://bugzilla.mozilla.org/show_bug.cgi?id=1113249#c7

Functional considerations:

# Clicking on the "Close" UI will drop the modal, and show the user the previous screen
# If this was a direct referral, the "Close" UI will bring the user back to the home page
# Each issue will still need a URL
# Remove the ability to scroll.

Comment 1

[Schalk Neethling [:espressive]]

Just be 100% clear, we want a modal per issue not per topic, correct?

Comment 2

[Cory Price [:ckprice] (bugmail disabled, NI me!)]

(In reply to Schalk Neethling [:espressive] from comment #1)
> Just be 100% clear, we want a modal per issue not per topic, correct?
Yes. Per issue. Although I'm not 100% sure what you mean by 'topic'

This is a screenshot of what the single issue modal will be: http://cl.ly/image/2e0f1Z473y17

Comment 3

[Cory Price [:ckprice] (bugmail disabled, NI me!)]

Also, here is the snippet from Holly's UX file that gives some guidance on design.

Slide 17 https://docs.google.com/a/mozilla.com/presentation/d/1ZsOsYwFosq0694fDsq6xf_gecK1P6GLDeHPsrwSDDnk/edit#slide=id.g623a7e8f1_0187

Comment 4

[Schalk Neethling [:espressive]]

So to confirm after talking to Cory on IRC

1) Modals are per issue
2) Topic navigation at the top is removed

Comment 5

[[github robot]]

Commits pushed to master at https://github.com/mozilla/lorax

https://github.com/mozilla/lorax/commit/a98ae3f5d5ba78c2ad43d0aae98ad95dca325c75
Fix Bug 1133095, change to single, reusable modal for issues

https://github.com/mozilla/lorax/commit/5d03dcefd7b2fe61ead3069631f299f352ac00d8
Merge pull request #21 from schalkneethling/bug1133095-convert-issue-details-to-single-models

Bug1133095 convert issue details to single modals

Comment 6

[[github robot]]

Commits pushed to master at https://github.com/mozilla/lorax

https://github.com/mozilla/lorax/commit/8dacb712f3e1226485992015881d3084ff5330ff
Fix Bug 1133095, Vitals page inconsistency

https://github.com/mozilla/lorax/commit/e45d8bae34ad10e8439f7da9d51da106e5117d16
Merge pull request #24 from workco/master

Fix Bug 1133095, Vitals page inconsistency