Try to adjust login message's position for small screens

This commit is contained in:
Hadi Nategh 2021-06-15 14:54:29 +02:00
parent 2cb7a30d3c
commit 376f2fed8b
6 changed files with 33 additions and 1 deletions

View File

@ -2394,6 +2394,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
opacity: 0;
}
}
@media only screen and (max-width: 1024px) and (min-width: 736px) {
#loginMainDiv #divAppIconBar #divLogo .login_logo_container {
height: 90px;
}
}
/**
* EGroupware: Stylite Pixelegg template
*

View File

@ -2374,6 +2374,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
opacity: 0;
}
}
@media only screen and (max-width: 1024px) and (min-width: 736px) {
#loginMainDiv #divAppIconBar #divLogo .login_logo_container {
height: 90px;
}
}
/**
* EGroupware: Stylite Pixelegg template
*

View File

@ -2384,6 +2384,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
opacity: 0;
}
}
@media only screen and (max-width: 1024px) and (min-width: 736px) {
#loginMainDiv #divAppIconBar #divLogo .login_logo_container {
height: 90px;
}
}
/**
* EGroupware: Stylite Pixelegg template
*

View File

@ -478,3 +478,15 @@ div#loginMainDiv.stockLoginBackground {
opacity: 0;
}
}
@media only screen and (max-width : 1024px) and (min-width: 736px)
{
#loginMainDiv {
#divAppIconBar {
#divLogo {
.login_logo_container {
height: 90px;
}
}
}
}
}

View File

@ -13,8 +13,8 @@
<div style="background-image:url({logo_file})" class="login_logo" border="0" alt="{logo_title}" title="{logo_title}" ></div>
</a>
</div>
<div id="loginScreenMessage">{lang_message}</div>
</div>
<div id="loginScreenMessage">{lang_message}</div>
</div>
<div id="centerBox">
<form name="login_form" method="post" action="{login_url}">

View File

@ -2405,6 +2405,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
opacity: 0;
}
}
@media only screen and (max-width: 1024px) and (min-width: 736px) {
#loginMainDiv #divAppIconBar #divLogo .login_logo_container {
height: 90px;
}
}
/**
* EGroupware: Stylite Pixelegg template
*