Improve the login form display in mobile devices

This commit is contained in:
Manuel Cillero 2017-09-24 23:14:57 +02:00
parent d0389fd411
commit 22bfb77044
2 changed files with 12 additions and 2 deletions

View file

@ -143,7 +143,7 @@ ul.social-menu .social-link-mail:hover a {
position: absolute;
}
@media (min-width: 768px) and (max-width: 899px) {
.navbar-default .navbar-nav > li:first-child {
body.logged-in .navbar-default .navbar-nav > li:first-child {
display: none;
}
}

View file

@ -13,6 +13,7 @@ body.elfinder {
*/
#page-wrapper {
background-color: #ebeae9;
min-height: 800px;
}
#main {
background: #fff;
@ -64,10 +65,19 @@ body.not-logged-in[class*="page-user"] {
}
body.not-logged-in[class*="page-user"] #main {
margin: 20px auto 0;
max-width: 380px;
max-width: 400px;
padding: 20px;
background: rgba(252, 255, 255, 0.85);
}
@media (max-width: 450px) {
body.not-logged-in[class*="page-user"] #main {
margin: 10px 10px 0;
padding: 10px 0;
}
body.not-logged-in[class*="page-user"] #main-content div.tabs + .section {
padding-top: 1em;
}
}
body.not-logged-in[class*="page-user"] #main-content {
padding: 0;
}