895589 - Test Webmaker.org in Safari and file follow-up bugs

Status: RESOLVED FIXED

(Webmaker Graveyard :: webmaker.org, defect)

Description

[Cassie McDaniel [:cassiemc]]

We should be testing both functionality and UI.

Comment 1

[Cassie McDaniel [:cassiemc]]

Adding Dale/Kate/Gavin to cc list as I imagine there will be some overlap as we do our respective QA tests for various browsers/OS. Here's what I found for Safari, and their new bug #s. I also found some general bugs which are probably site-wide, so have added those at the bottom.

All are labeled DesignQA and Frontend so we can browse at leisure.

===================

Safari 6.0.4 for mac.

===================

https://webmaker.org

  CTAS: https://bugzilla.mozilla.org/show_bug.cgi?id=896638
     * CTA circles are getting cut off on the edges: http://cl.ly/QOBA
     * cta images with the patterned background have something weird going on --- little grey triangles distorting the image. Is this because we are scaling? http://cl.ly/QONX

  Footer: https://bugzilla.mozilla.org/show_bug.cgi?id=896640
     * Footer social icons are too high, need to come down a few pixels so they are aligned in the middle with the words. http://cl.ly/QOCE

  Sign in: https://bugzilla.mozilla.org/show_bug.cgi?id=896642
     * Nav: Sign in text is getting cut off on the bottom. Sign up background is also getting cut off on the bottom. http://cl.ly/QNbH
* Nav: Once signed in, the "Hi …, My Makes" text doesn't align to the baseline with "Sign out", and the descenders (the g in sign) is getting cut off. http://cl.ly/QNSH

  /login - https://bugzilla.mozilla.org/show_bug.cgi?id=896645
     * Persona sign in button looks a little janky on the bottom righthand side. http://cl.ly/QO15


https://webmaker.org/events

  Styling: https://bugzilla.mozilla.org/show_bug.cgi?id=896654
    * in the find an event box, the > in the blue button is too high up. It should be centred in the box. http://cl.ly/QOOq
    * "back to top" does not line up flush with the top of the footer. http://cl.ly/QOdT

    * I can't grab the scrollbar to drag the page down (currently the only way to get to the bottom of the page, since the mouse wheel zooms in and out of the map). Trying to grab the scrollbar on the righthand side grabs the map only. - https://bugzilla.mozilla.org/show_bug.cgi?id=896655

  Clustering - https://bugzilla.mozilla.org/show_bug.cgi?id=896659
    * The zoomed in view no longer shows multiple pin count. Instead it looks like one pin until I click on it, and then it divides into a cluster. Dividing into the cluster is good, but it should show the number, first.
    * The styles of the cluster are slightly off. The end of the line points don't match the tips of the pins): https://docs.google.com/file/d/0BzfN9sXlOXt1OEh3MFk2VG51VzQ/edit?usp=sharing


    * Bottom of the add-an-event box is getting cut off by the footer. So there is no way to "submit" your event. https://docs.google.com/file/d/0BzfN9sXlOXt1dHBXZTBtOThJZ28/edit?usp=sharing - https://bugzilla.mozilla.org/show_bug.cgi?id=896660


https://webmaker.org/event-guides - https://bugzilla.mozilla.org/show_bug.cgi?id=896664
  * the bottom blue buttons are using the wrong > chevron. Should match the size and styles of other font-awesome icons throughout the site. https://docs.google.com/file/d/0BzfN9sXlOXt1aWFud1NzdmlpSlk/edit?usp=sharing
  * on the responsive, mobile resolution, there is no vertical space between each panel. They are sitting right on top of each other. Add 10-20 px space between them. https://docs.google.com/file/d/0BzfN9sXlOXt1UnNfNWwzZy14ajQ/edit?usp=sharing

https://webmaker.org/getinvolved - https://bugzilla.mozilla.org/show_bug.cgi?id=896665
  * Titles and descriptions of list items should align flush to the left. https://docs.google.com/file/d/0BzfN9sXlOXt1Sng5Q0cxbzFBaXc/edit?usp=sharing


===================

All browsers

===================

Home: - https://bugzilla.mozilla.org/show_bug.cgi?id=896669
* Filter the gallery dropdown should take up full-width of box (currently too much space on righthand side)

https://webmaker.org/teach - https://bugzilla.mozilla.org/show_bug.cgi?id=896671
* Intro text looks funny (leaves large white space in the middle) on wide layout since it is confined to a smaller column. Text should flow to a much wider column. http://cl.ly/QNQN

/login - https://bugzilla.mozilla.org/show_bug.cgi?id=896672
* Footer partners carousel doesn't load correctly - shows all partners at once: http://cl.ly/QOKR

https://webmaker.org/tools - https://bugzilla.mozilla.org/show_bug.cgi?id=896675
* Is "Remix a project" simply searching "template"? Popcorn maker should search "template" + "popcorn" and the thimble remix button should search template+thimble.

Search - https://bugzilla.mozilla.org/show_bug.cgi?id=896680
* Remove outline on remix button on search results thumbnails.
 
https://webmaker.org/terms - https://bugzilla.mozilla.org/show_bug.cgi?id=896682
* Paragraph under "Privacy" is missing a period at the end.

https://webmaker.org/privacy - https://bugzilla.mozilla.org/show_bug.cgi?id=896683
* No need to link to "privacy policy" in 1st paragraph (we're already on that page)

get involved
* URL should be "webmaker.org/get-involved" instead of "getinvolved" for SEO - https://bugzilla.mozilla.org/show_bug.cgi?id=896686
* Add webmaker wiki to get involved page. - https://bugzilla.mozilla.org/show_bug.cgi?id=896690