[wp-meta] [Making WordPress.org] #148: Restyle/redesign the registration page
Making WordPress.org
noreply at wordpress.org
Thu Dec 15 08:03:33 UTC 2016
#148: Restyle/redesign the registration page
------------------------------------+-----------------------
Reporter: j.conti | Owner: dd32
Type: task | Status: assigned
Priority: high | Milestone:
Component: Login & Authentication | Resolution:
Keywords: ui-feedback |
------------------------------------+-----------------------
Comment (by dd32):
Following up on [comment:24]:
> Get the width on the Register page to match the login page _as closely
as possible_
Since we're constrained by the recaptcha width, I've simply altered
everything to that width. Registration is slightly narrower, login is
slightly wider. Looks good to me.
> Vertically center the Register box.
I don't think these actually need to be vertically centered, mostly due to
the fact that they're near, or overflowing most screen lengths (Some
tablets excepted I expect).
After quite some battling with flexbox, I ran away screaming :( @mapk
please feel free to revert [4540] and replace it with something else. I
honestly couldn't find a combination of things which allowed the flexbox
to work as intended.
The major issue I ran into constantly was `<h1>` and `#nav` being within
`#login` in the DOM but displayed outside of it, It seems that these might
need to be moved up a layer and that div then being made a flex container
in addition, but I haven't been able to find a combination that works.
Moving the elements outside of the `#login` dom also didn't work too well
due to the styles and flexbox being worked around it..
> Tighten up the line-height on the text below each input field.
I wasn't able to get the line-height/spacing any smaller, not exactly sure
why. Any ideas @mapk?
> The ‘subscribe’ text shouldn’t drop below the checkbox.
Done! Although I could've sworn that the checkboxes were physically larger
prior to the change (as seen in the screenshot in Slack:
https://wordpress.slack.com/archives/meta/p1481760263001197), I can't
reproduce the larger size anymore. I've tried reverting it back to a week
ago and still couldn't see the larger size..
@mapk Can you see if you can bump the size up a bit? I wasn't able to find
a CSS combination that actually looked any good.
--
Ticket URL: <https://meta.trac.wordpress.org/ticket/148#comment:33>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org
More information about the wp-meta
mailing list