github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-12-01 19:53:58 -05:00
Code Issues Projects Releases Packages Wiki Activity

Adapt styles to get a nicer responsive behaviour.

Browse source
This commit is contained in:
Paulo Reis 2018-09-21 16:34:24 +01:00 committed by James Allen
parent 7d5bd74c43
commit 69771257ff
1 changed files with 21 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
services/web/public/stylesheets/app/homepage.less
View file

@ -121,9 +121,6 @@
} }
} }
} }
.btn-hero {
float: left;
}
} }
.hp-register-external-separator { .hp-register-external-separator {
@ -152,27 +149,35 @@
.hp-register-newsletter-checkbox { .hp-register-newsletter-checkbox {
font-size: 90%; font-size: 90%;
& > .checkbox-newsletter {
text-align: left;
@media only screen and (min-width: @screen-sm-min) {
text-align: center;
}
}
} }
.hp-login-btn { .hp-login-btn {
min-width: 220px; min-width: 220px;
} }
@media only screen and (max-width: @screen-sm-max) { .hp-register-form-email-pwd {
.masthead { position: relative;
.btn-hero {
float: none;
}
}
}
@media only screen and (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
.masthead {
.btn-hero {
margin-top: @margin-md;
}
}
} }
.hp-register-form-email-pwd-btn-container.form-group {
display: block;
margin-top: (@register-v-spacing / 2);
@media only screen and (min-width: @screen-md-min) {
position: absolute;
display: inline-block;
height: 100%;
top: -(@register-v-spacing / 2);
& > .btn-hero {
height: 100%;
}
}
}
.universities { .universities {
border-bottom: 1px solid @gray-lighter; border-bottom: 1px solid @gray-lighter;