Skip to content

Commit

Permalink
fix: center login screen vertically in all resolutions
Browse files Browse the repository at this point in the history
  • Loading branch information
amirch1 committed Aug 13, 2017
1 parent 0b1368b commit 5e19ed8
Showing 1 changed file with 2 additions and 3 deletions.
5 changes: 2 additions & 3 deletions src/app/components/login/login.component.scss
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
.kLoginContainer {
position: absolute;
width: 100%;
min-height: 100%;
height: 100%;
flex-flow: column;
display: flex;
box-sizing: border-box;
Expand All @@ -20,11 +20,11 @@
justify-content: center;
flex-direction: column;
align-items: center;
height: 100%;

.kLoginWindow {
background-color: white;
border-radius: 6px;
margin-top: 121px;
width: 430px;
min-height: 327px;
padding: 68px 60px 60px 60px;
Expand Down Expand Up @@ -58,7 +58,6 @@
.kLoginControls {
color: white;
margin-top: 42px;
margin-bottom: 19px;
font-size: 16px;
text-align: center;

Expand Down

2 comments on commit 5e19ed8

@amirch1
Copy link
Collaborator Author

Choose a reason for hiding this comment

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

@diamond-darrell - please notice this little fix to the login screen. This fix makes sure the login screen is centered vertically in all screen resolutions. As it was before with a fixed margin-top, the lower part of the login window was cut off in 1024x768

@diamond-darrell
Copy link
Contributor

Choose a reason for hiding this comment

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

Okay

Please sign in to comment.