Skip to content
This repository has been archived by the owner on Dec 23, 2021. It is now read-only.

Style Account and Login UI #381

Merged
merged 3 commits into from
Jan 17, 2017
Merged

Style Account and Login UI #381

merged 3 commits into from
Jan 17, 2017

Conversation

Kriesse
Copy link
Contributor

@Kriesse Kriesse commented Jan 14, 2017

This implements modal styles that we already have in Dat Desktop.
To Do: Re-use those styles instead of duplicating them in register and login. Probably by creating a modal element.

Copy link
Contributor

@yoshuawuyts yoshuawuyts left a comment

Choose a reason for hiding this comment

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

think I found it!

@@ -12,44 +12,72 @@ const login = (state, prev, send) => {

var prefix = css`
Copy link
Contributor

Choose a reason for hiding this comment

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

Ah yeah, so declaring this inline is causing the duplicate CSS issue. Each time this function is called, a new line of CSS is appended to head, which causes the performance problems.

When using bankai we use the extract-css transform which takes this declaration and turns it into a static string which means it's no problem. If you move this outside the scope e.g. to line 4 it should all be good (:

<input type="password" placeholder="Password" name="password" />
<input type="submit" value="Register" />
</form>
var prefix = css`
Copy link
Contributor

Choose a reason for hiding this comment

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

move this declaration to line 4 also and you should be good (:

@Kriesse Kriesse merged commit e43582d into master Jan 17, 2017
@Kriesse Kriesse deleted the ui-cleanups branch January 17, 2017 00:24
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants