greenpeace / ggw_styleguide Goto Github PK

Need set the same views for Location on Create group and Edit event pages.

• All fields in left side
• Map in right side
• Add link "add geocoordinates manually"

Success system notification works in other places, like when you edit an event here (click save to see notifications): http://ggw-prototype.goalgorilla.com/prototype/lu/event-full-edit.html

But on manage friends:

• it doesn't show on mobile (it does make the layout move down a little / show more white space on top)
• it looks broken on desktop too

How to reproduce, go to the link bellow and click aprove or decline to see the notifcation:
http://ggw-prototype.goalgorilla.com/prototype/lu/profile-manage-friends.html

Prototype: http://ggw-prototype.goalgorilla.com/prototype/lu/create-group.html
Contact and social media:

1. Add another item link should be a button.
2. Add drag icon

Placement: At the bottom right corner / opposite submit - cancel pair.
Logic: Add a javascript driven confirmation dialog ("Are you sure you want to delete your account? all your information will be lost.").

Need fix inputs width with type date and time on Tablet.

When selecting a lot of groups (for example) other parts of the sprite will be visible. See (G) in attachment. You can replace it with either of these images

Need change html structure for country selector:

• Need add span with class "country-name" around country names for trigger element.

• "Grace o'flynn" font should be sans serif
• Photo size is not right for certain resolution, showing a grey border (default background I guess)

In the update block on the homepage we do not need to show all the different content types tabs since it's been proved not that useful. This change is for the homepage only (both LU and AN users). We will keep the tabs for the other update block, on a group page for example.

Currently the voting part of the idea page doesn't look very good. Make it look nicer!
http://ggw-prototype.goalgorilla.com/prototype/lu/idea.html

For cookie message:

• Show as wall. In prototype go here: http://ggw-prototype.goalgorilla.com/prototype/an/index.html
• Go in code and remove element-invisible class from cookiewall
• Enable script fo this

Following up on simplification discussions: there is no need to have two types of on screen notifications. We need to remove the tabs inside the widget.

field-name-group-title will be the H1.
This means the css also needs to change to match the current styles.
The icon should then not be copied with this logic (so it should not show in the block)

Need set correct buttons in CKeditor panel.

Buttons for LUs:

• Bold, Italics, Remove format
• Numbered list, Bullet list
• Spell check
• Add Image, link, unlink
• Headers selector

Buttons for Trusted publishers / CMs:

• Source
• Video

We expect the same behavior than on the edit pages, but here the menu doesn't "scroll" with the user.

http://ggw-prototype.goalgorilla.com/prototype/lu/faq.html

Need replace delete button to clear button for "Contact and social media" and "Organisers and roles" blocks.

Put them in one row / inline, to optimize use of vertical space.

Currently the search all tab have different headings/sections: news and media, events, groups, members. Usability tests have shown that this is not working well. We need to merge all the teasers and show whatever is relevant first. In practice, since users are on a different search index backend, they will always be put on top, which should be fine.

To do:

• Remove headings in search all tabs
• Remove "find more XXX buttons" just show one "show some more" like the other tabs
• Shuffle the teasers around to show that content types can be in any order.

See:

Must but probably because of some padding top rules for the map.
http://ggw-prototype.goalgorilla.com/prototype/lu/events.html

It seems it is not possible to select text on the styleguide, which is useful if people want to copy to take away the content elswhere. Maybe some javascript is catching certain events and not letting them bubble up? (Tested on chrome/firefox OSX)

Low priority cosmetic issue.
Horizontal padding is smaller than vertical one, breaking symmetry

Change icons and layout according to mockup

User is not able to switch popup images with finger on Photos album page.

Remove the accordion on mobile. Make the main navigation tab clickable on desktop. Change the default menu structure to be this: https://docs.google.com/spreadsheets/d/13ij1Htrjp3vM18gOeSrcTVNGS1EgFdBjsk38iL9eFOg/edit#gid=502381136

Make .block-search width 270px instead of of 200px so that it is consistent with greenpeace.org styleguide.

Current:

Should be:

On greenpeace.org:

1. Remove related photo album block.
2. Remove related video block.

Increase paddding between the text and map image.

Add additional field for event full edit page:

• add field "Organized by the group" with select.

Page: create-photo-album.htm
Title & body (menu link) doesn't match header displayed on page.
Need rename to 'Album Cover'.

Need fix bug with "remove image" button.

Good:

• Create News: http://ggw-prototype.goalgorilla.com/prototype/lu/create-news.html#section-language
• Create idea
• Create document
• Create videos
• Create blogs
• Create groups

Bad:

• Create event: http://ggw-prototype.goalgorilla.com/prototype/lu/create-event.html#section-language
• Create photo album: http://ggw-prototype.goalgorilla.com/prototype/lu/create-photo-album.html#section-language

Also:
The label is the same for every content types, e.g. "What language is this news in? You can select more than one language." but not all content is a news. Replace "news" by "item" (quick) or specify each content type (longer).

Merge every sections / all content types in the all tab and put member results at the top.