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 001d5168ee
commit 5cf5d4dcbb
6 changed files with 33 additions and 1 deletions

View File

@ -2393,6 +2393,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
opacity: 0; 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 * EGroupware: Stylite Pixelegg template
* *

View File

@ -2373,6 +2373,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
opacity: 0; 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 * EGroupware: Stylite Pixelegg template
* *

View File

@ -2383,6 +2383,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
opacity: 0; 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 * EGroupware: Stylite Pixelegg template
* *

View File

@ -478,3 +478,15 @@ div#loginMainDiv.stockLoginBackground {
opacity: 0; 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> <div style="background-image:url({logo_file})" class="login_logo" border="0" alt="{logo_title}" title="{logo_title}" ></div>
</a> </a>
</div> </div>
<div id="loginScreenMessage">{lang_message}</div>
</div> </div>
<div id="loginScreenMessage">{lang_message}</div>
</div> </div>
<div id="centerBox"> <div id="centerBox">
<form name="login_form" method="post" action="{login_url}"> <form name="login_form" method="post" action="{login_url}">

View File

@ -2404,6 +2404,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
opacity: 0; 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 * EGroupware: Stylite Pixelegg template
* *