Consistent dialog sizes

[Comoque1]

Description

As a User I want to have consistent width of dialogs on different areas of Alkemio application

Screenshots are added underneath in order of these acceptance criteria's!

Acceptance criteria

• Overall

• [ ] Looking for help? > Screenshot 1

  • [ ] Width 920 px dialog
  • [ ] exit icon neutral colour
  • [ ] Icons in clickable blocks [To match the new callout design]
  • [ ] Text to clickable Green
  • [ ] "Looking for.." bottom text
  • [ ] Text update to " Click here to read more Tips & tools on Alkemio's blog posts"
    • [ ] Colour update to clickable green
    • [ ] Icon changed to "Open-in-new"

• [ ] Share this Hub > Screenshot 2

  • [ ] Width Extra Small 230 px
  • [ ] Header update to H3
  • [ ] "Exit" icon at the top right colour updated to "neutral"
  • [ ] Header outlined with the content.

• [ ] Deleting popup > Screenshot 3

  • [ ] Width Extra Small 230 px
  • [ ] Header update to H3
  • [ ] "Exit" icon at the top right colour updated to "neutral"
  • [ ] Delete updated
  • [ ] Outlined to the left
  • [ ] Set to "warning red"
  • [ ] "delete" icon added to the left of the text

• [ ] Join Community > Screenshot 4

  • [ ] Width Extra Small 230 px
  • [ ] Header update to H3
  • [ ] "Exit" icon at the top right colour updated to "neutral"
  • [ ] Join button to the right
  • [ ] Delete the lines can go

• Hub page Dashboard

  • [ ] Upcoming Events > Screenshot 5

  • [ ] Width 920 px dialog

  • [ ] Icons at the top right colour "neutral"

  • [ ] Event information page > Screenshot 6

  • [ ] Width 1355 px Large dialog

  • [ ] Change header size to H3

  • [ ] Add icon "Share" to top right

  • [ ] dialog "Comments"

    • [ ] Header set to H4
    • [ ] Information button to neutral colour and outlined
    • [ ] Chat bar and functions are per new design (emoticons and grey etc)
    • [ ] Icons at the top right colour "neutral"
    • [ ] Add icon "Share" to top right
    • [ ] Change back icon to "undo"

  • [ ] Delete the "Delete" option

  • [ ] Back button icon change to "undo"

  • [ ] News (Updates) > Screenshot 7

  • [ ] Width 1355 px Large dialog

  • [ ] Change header size to H3

  • [ ] Add location of News to the title (Such as in which hub are we?) with corresponding icon

  • [ ] Icons at the top right colour "neutral"

  • [ ] Add icon "Share" to top right

  • [ ] Change back icon to "undo"

  • [ ] Replace "Close" at the bottom to "BACK", outline this to the left with the "undo" icon.

  • [ ] Contact host > Screenshot 8

  • [ ] Width 920 px dialog

  • [ ] Update header to H3

  • [ ] Change icons to neutral colour

  • [ ] Get rid of the lines

  • [ ] Spacing to top smaller

  • [ ] Contributors pop-out > Screenshot 9

  • [ ] Width 920 px dialog

  • [ ] Add the community icon infront of "contributors"

  • [ ] Update header to H3

  • [ ] Change "exit" icon to top left to neutral

  • [ ] Profile pictures set to 6 in a row (to prevent having to scroll loads to find 1 person)

• Contribute page > Screenshot 10

  • [ ] Post Card Contribution > Screenshot 10
  • [ ] Width 1355 px Large dialog
  • [ ] Header of dialog moved outside the box, to the top of the dialog
  • [ ] Header set to H3
  • [ ] "ballot" icon infront of Header
  • [ ] Former dialog icon deleted from the top right
  • [ ] dialog "Information"
    • [ ] Photo removed from information block [Top left]
    • [ ] Header set to H4
    • [ ] Label removed
    • [ ] Profile 40 x 40 and outlined to the left
    • [ ] Title set to "[Contributor name]'s contribution to [section of callout name] [Icon of location (such as challenge of hub) [Location name]"
  • [ ] Tags have the clickable green (challenge green)
  • [ ] dialog "Comments"
    • [ ] Header set to H4
    • [ ] Information button to neutral colour and outlined
    • [ ] Chat bar and functions are per new design (emoticons and grey etc)
  • [ ] References Header set to H4
  • [ ] References title colour set to neutral
  • [ ] Post Card Contribution Settings > Screenshot 11
  • [ ] Header H4
  • [ ] Balot button infront of the title
  • [ ] Former dialog icon deleted from the top right
  • [ ] Photo option deleted
  • [ ] Location of the card changed into new format [Seen screenshot at the bottom] With icon and text
  • [ ] Delete of the card changed into new format [Seen screenshot at the bottom] With icon and text
  • [ ] Save button to the bottom right "save" with icon

• [ ] Whiteboard contribution > Screenshot 12

  • [ ] Change header to H3
  • [ ] Width 1355 px Large dialog
  • [ ] Top right icons changed colour to Neutral
  • [ ] Add "draw" icon before title
  • [ ] Move information of Contributor, date and location to underneath the title with Body 2 as text markup
  • [ ] Set this information in "[Contributorsname]'s contribution on [date] to [icon of corresponding location and location name]
  • [ ] Edit button bottom left should change icon to "pencil"

• Challenge page

• [ ] Create a new Challenge > Screenshot 13

  • [ ] Width 1355 px Large dialog
  • [ ] Header set to H3
  • [ ] Remove the lines at bottom and top of dialog
  • [ ] Icon top right changed to "Neutral"
  • [ ] Remove Cancel
  • [ ] Change bottom right icon to "Save" with corresponding "save" icon

Additional Context

Pages should be following correct grid for spacing and position.. If the page is 1400px wide the dialogs are.. Large 1355 px wide Medium 920 px wide Small 440 px Extra Small 230 px

Updated by Rose!

[Roseghost]

1 - Looking for help?

2 - Share this Hub

3 - Delete Pop-up|

4 - Join Community

5 - Upcoming Events

6 - Event Information Page

7 - News (Updates)

8 - Contact Host

9 - Contributors Pop up

10 - Post Card Contribution

11 - Post Card Contribution Settings

12 - Whiteboard Contribution

13 - Create a New Challenge