Skip to content

Conversation

tofumatt
Copy link
Contributor

@tofumatt tofumatt commented Jun 30, 2017

Fix mozilla/addons#10473.

Converts the existing home content to work on desktop... we'll get carousels and such in the future because this was just about porting existing mobile stuff over. But hey–we did it. On the last day. If someone reviews this 😉 😅

Mobile

screen shot 2017-06-30 at 11 46 31

Medium

screen shot 2017-06-30 at 12 34 06

Large

screen shot 2017-06-30 at 12 34 13

@tofumatt tofumatt requested a review from muffinresearch June 30, 2017 19:33
@tofumatt tofumatt force-pushed the desktop-home-2565 branch 3 times, most recently from f00c093 to c300190 Compare June 30, 2017 21:01
@muffinresearch
Copy link
Contributor

I wonder if the medium layout should the heading and explantion text aligned to the top of the module rather than vertically centered?

@tofumatt
Copy link
Contributor Author

tofumatt commented Jul 3, 2017

I tried that and it looked kind of awkward:

screen shot 2017-07-03 at 10 08 12

Copy link
Contributor

@muffinresearch muffinresearch left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

r+wc

</h2>
<p className="Home-description">
{i18n.gettext(
'Install powerful tools that make browsing faster and safer, add-ons make your browser yours.')}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You can use a un-tagged template literal here if that helps with wrapping.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh good call, will do.

display: block;
}

span {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Might be nice to move this below the other link styles that come after this.

}
}

.Home-extensions-link:link::before {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

E_LINK_OVERLOAD

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not that there's an obvious alternative afaict.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah I really forget why we're using :link on a styles but my goodness is it frustrating.

const fakeDispatch = sinon.stub();

return shallow(
<HomeBase
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Other DIY stores are available

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hahaha I thought that too. (For those not in the UK)

);
}

if (clientApp === CLIENT_APP_FIREFOX) {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Would be nice to have these work from the API at some point but probably better to do that after cats are consolidated.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah, the thing is the category API just returns everything... I guess we could request filters on it though.

const { store } = dispatchSignInActions();

const root = findRenderedComponentWithType(renderIntoDocument(
<Provider store={store}>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shallow ftw

@tofumatt tofumatt force-pushed the desktop-home-2565 branch from c300190 to 98f572f Compare July 3, 2017 11:07
@tofumatt tofumatt force-pushed the desktop-home-2565 branch from 98f572f to fa90fc1 Compare July 3, 2017 11:16
@tofumatt tofumatt merged commit 8f8e91b into master Jul 3, 2017
@tofumatt tofumatt deleted the desktop-home-2565 branch July 3, 2017 11:26
@tofumatt tofumatt changed the title feat: Add desktop home page (fix #2665) feat: Add desktop home page Jul 3, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Create a responsive desktop home page
2 participants