Skip to content

Center the logo and login fields#33375

Merged
DeepDiver1975 merged 1 commit intomasterfrom
login-center
Jan 8, 2019
Merged

Center the logo and login fields#33375
DeepDiver1975 merged 1 commit intomasterfrom
login-center

Conversation

@ChrisEdS
Copy link
Copy Markdown

@ChrisEdS ChrisEdS commented Nov 1, 2018

Description

Force constant vertical height for login box over all devices

Motivation and Context

I incorporate this function into almost every theme I create. The logo and credential fields are centered on each device. That's why I thought it would be great to integrate this improvement into our Core Theme.

How Has This Been Tested?

Tested on Chrome and Firefox browser with different resolutions

Screenshots (if appropriate):

Before:
screenshot 2018-11-01 at 01 35 48

After (1440x900px):
screenshot 2018-11-01 at 01 50 32

After (568x320px iPhone 5/5s/SE):
screenshot 2018-11-01 at 01 50 48

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)
  • Technical debt
  • Tests

Checklist:

  • Code changes
  • Unit tests added
  • Acceptance tests added
  • Documentation ticket raised:

Open tasks:

  • Backport (if applicable set "backport-request" label and remove when the backport was done)

@codecov
Copy link
Copy Markdown

codecov bot commented Nov 1, 2018

Codecov Report

Merging #33375 into master will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@            Coverage Diff            @@
##             master   #33375   +/-   ##
=========================================
  Coverage     64.77%   64.77%           
  Complexity    18339    18339           
=========================================
  Files          1198     1198           
  Lines         69419    69419           
  Branches       1276     1276           
=========================================
  Hits          44963    44963           
  Misses        24087    24087           
  Partials        369      369
Flag Coverage Δ Complexity Δ
#javascript 53.09% <ø> (ø) 0 <ø> (ø) ⬇️
#phpunit 66.12% <ø> (ø) 18339 <ø> (ø) ⬇️

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update c2e4bb3...8ea7159. Read the comment docs.

Copy link
Copy Markdown
Member

@DeepDiver1975 DeepDiver1975 left a comment

Choose a reason for hiding this comment

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

Looks 💩 on desktop:

  • too much space on top
  • 2 pixel border on the right

screenshot from 2018-11-12 09-36-55

@ChrisEdS
Copy link
Copy Markdown
Author

Fixed scrollbar and the space to the bottom


screenshot 2018-11-12 at 11 43 08

@DeepDiver1975
Copy link
Copy Markdown
Member

nice

screenshot from 2019-01-08 00-15-01

Force constant vertical height for login box over all devices
@DeepDiver1975 DeepDiver1975 merged commit 8ee5b3a into master Jan 8, 2019
@delete-merged-branch delete-merged-branch bot deleted the login-center branch January 8, 2019 09:05
@ChrisEdS ChrisEdS restored the login-center branch April 17, 2019 22:48
@lock lock bot locked as resolved and limited conversation to collaborators Apr 18, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants