531927 - Mobile page

Status: RESOLVED FIXED

(Websites Graveyard :: spreadfirefox.com, defect)

Description

[Alex Buchanan [:abuchanan]]

This should track notes, changes, and QA on the new spreadfirefox.com/mobile page

Related to bug 530243

Comment 1

[Mary]

Hey Jamey:  Adding you to this bug.  The wysiwyg is acting up.  Could you help me place this image (https://bug532366.bugzilla.mozilla.org/attachment.cgi?id=415844) to the spreadfirefox.com/mobile.  It should be a banner across the page below the nav tabs.

Thanks for your help!

Comment 2

[jamey]

ill do it now mary

Comment 3

[jamey]

OK mary loaded ready for you or ? to edit http://www.spreadfirefox.com/mobile
or close this ticket

Comment 4

[Mary]

Hey Jamey:  Something crazy happened to the block you created -- the header graphic and the block now run into each other. See: https://spreadfirefox.authstage.mozilla.com/mobile

Can you fix this?

Also, can you add Mozillaca as well below identi.ca on the block?

Thanks!

Comment 5

[jamey]

NO its the block Alex created not me 
need to get Alex back on this bug

Comment 6

[Mary]

Ok - added him.  Can you please add mozillaca?  Thanks!

Comment 7

[jamey]

Mary Alex I found the alignment problem

Alex on the mobile-twitter.css can you change line #4 from

margin-left: -10px;
to
----------------------------------------------------------------

margin-left: 20px;

----------------------------------------------------------------
then 
add this after line #70
----------------------------------------------------------------

#your-own p.links a.mozillaca {
  background-image: url(../img/mobile/mozillaca-16x16.png);
}

Comment 8

[jamey]

Attachment: mozillaca 16x16 icon

Comment 9

[Mary]

Thanks!  Buchanan - can you implement this change?

Jamey:  Are you able to add the Mozillaca icon to the sidebar or do you need Buchanan to do that?

Please let me know!

Thanks!

Comment 10

[Alex Buchanan [:abuchanan]]

I can do both today.  Thanks Jamey.

Comment 11

[jamey]

Mary I added the image here and on the .css Alex just needs to load it

Comment 12

[Alex Buchanan [:abuchanan]]

done.

r58702

Comment 13

[Mary]

Lovely!

Comment 14

[Mary]

Hey there:  Now that they're spaced out, I've noticed that there is a missing a border on the far right of the Firefox for Mobile header image.

Jamey:  Can you fix that?

Thanks!

Comment 15

[jamey]

Mary I don't see anything missing you talking about this image ? http://www.spreadfirefox.com/files/images/firefoxformobile-promo.png
on
https://spreadfirefox.authstage.mozilla.com/mobile

Comment 16

[Alex Buchanan [:abuchanan]]

(In reply to comment #15)
> Mary I don't see anything missing you talking about this image ?
> http://www.spreadfirefox.com/files/images/firefoxformobile-promo.png
> on
> https://spreadfirefox.authstage.mozilla.com/mobile

I also couldn't reproduce any problem

Comment 17

[Mary]

Attachment: Screen shot of missing border

Hey guys:  Here is what I'm seeing -- no dark gray border on the right hand side of the image.  Thanks!

Comment 18

[Mary]

Anyone see this other than me?

Comment 19

[Alex Buchanan [:abuchanan]]

(In reply to comment #18)
> Anyone see this other than me?

nope.  from the screenshot, it looks like the header image is slightly too big.  you could try scaling it down.

Comment 20

[jamey]

Mary please refresh I remade the banner https://spreadfirefox.authstage.mozilla.com/mobile

was 650px now its 642px if not fixed it the sidebar css

Comment 21

[jamey]

Attachment: Screen shot from my update on stage

Comment 22

[William Reynolds [:williamr]]

I talked with Mary and we'd like to move the Twitter/social media side block to the middle of the page content so it gets more attention. I'll attach a screenshot of the layout I have in mind.

Alex or Jamey, could you move the block to the center so it looks similar to the screenshot?

Comment 23

[William Reynolds [:williamr]]

Attachment: Screenshot with social media block in the center

Comment 24

[Mary]

Hey Alex or Jamey: Is this something you could help with?  Thanks!

Comment 25

[jamey]

Mary it was done last week 2 see a draft here will need to login sfx stage
http://www.graphicsguru.com/drumbeat/formobile.html

if Mary likes it 
Alex can you load the mozillaca.css on stage

Comment 26

[jamey]

Attachment: mobile css

Comment 27

[Mary]

Thanks and sorry to have missed that.  Alex:  Can you implement the CSS?  Thanks :)

Comment 28

[Mary]

Hey Alex:  Is this doable?  Please let us know!  Thanks,  Mary

Comment 29

[Alex Buchanan [:abuchanan]]

i'll look at it

Comment 30

[Mary]

RC2 = Out...time to check in on this page :)

Comment 31

[Alex Buchanan [:abuchanan]]

ok, this should be fixed on stage,
https://spreadfirefox.authstage.mozilla.com/mobile

this requires a code push before it can be moved to production

Comment 32

[Mary]

Awesome -- changed the copy slightly so it doesn't say "Twitter box on the right".  We're good to go :)

Comment 33

[Mary]

We're all good to go.  We just need to make sure this goes live slightly before the mozilla.com pages.  Alex is whipping up a launch day list.

Comment 34

[Mary]

Hey Mr. B:  When we roll with the launch do you want me to just create a new page and paste the HTML like the "get-personas" for this page? Making up my mobile launch list :)

Thanks!

Comment 35

[Alex Buchanan [:abuchanan]]

(In reply to comment #34)
> Hey Mr. B:  When we roll with the launch do you want me to just create a new
> page and paste the HTML like the "get-personas" for this page? Making up my
> mobile launch list :)
> 
> Thanks!

yes, (sadly) that's the idea.

Comment 36

[Mary]

No worries at all :)  This time I will use full-html.  Since we link to this page from the Mozilla.com page I'll make sure to do this a bit before the Mobile launch.  Thanks :)

Comment 37

[raymond [:retornam] (inactive)]

Attachment: Social Media Boxes Broken in Google Chrome

Social Media boxes are broken in Chrome

Comment 38

[raymond [:retornam] (inactive)]

Attachment: Social Media Boxes Broken in iE 7

Social media boxes broken in IE7

Comment 39

[Mary]

Eek - not good.  Buchanan:  Can you look at this? Although it is assigned to me this is not something I could fix :)

Comment 40

[jamey]

Alex should be line #63 edit "margin-top"
#your-own {
	margin-bottom: 30px;
	margin-left: 400px;
	margin-top: -130px;

Comment 41

[Alex Buchanan [:abuchanan]]

r61400