* Login Page: Fix login button on login page not being clickable on small screens

This commit is contained in:
Hadi Nategh 2020-09-17 11:17:32 +02:00
parent 94a57d6902
commit 6f38d53715
6 changed files with 37 additions and 21 deletions

View File

@ -1767,8 +1767,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
border-radius: 0 !important;
}
#socialBox {
float: left;
margin-top: 20px;
position: absolute;
bottom: 10px;
display: inline-block;
left: 0;
width: 27%;
}
#socialMedia a {
margin-left: 10px;
@ -1867,8 +1870,8 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
position: absolute;
bottom: 0;
display: inline-block;
left: 0;
width: 100%;
right: 0;
width: 22%;
}
#loginMainDiv div#login_footer a.logo_footer {
float: right;

View File

@ -1756,8 +1756,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
border-radius: 0 !important;
}
#socialBox {
float: left;
margin-top: 20px;
position: absolute;
bottom: 10px;
display: inline-block;
left: 0;
width: 27%;
}
#socialMedia a {
margin-left: 10px;
@ -1856,8 +1859,8 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
position: absolute;
bottom: 0;
display: inline-block;
left: 0;
width: 100%;
right: 0;
width: 22%;
}
#loginMainDiv div#login_footer a.logo_footer {
float: right;

View File

@ -1767,8 +1767,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
border-radius: 0 !important;
}
#socialBox {
float: left;
margin-top: 20px;
position: absolute;
bottom: 10px;
display: inline-block;
left: 0;
width: 27%;
}
#socialMedia a {
margin-left: 10px;
@ -1867,8 +1870,8 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
position: absolute;
bottom: 0;
display: inline-block;
left: 0;
width: 100%;
right: 0;
width: 22%;
}
#loginMainDiv div#login_footer a.logo_footer {
float: right;

View File

@ -51,8 +51,11 @@ div#loginMainDiv.stockLoginBackground {
//##############################################################################################################
#socialBox {
float: left;
margin-top: 20px;
position: absolute;
bottom: 10px;
display: inline-block;
left: 0;
width: 27%;
}
#socialMedia a {
margin-left: 10px;
@ -159,8 +162,8 @@ div#loginMainDiv.stockLoginBackground {
position: absolute;
bottom: 0;
display: inline-block;
left: 0;
width: 100%;
right: 0;
width: 22%;
a.logo_footer {
float:right;
margin: 10px;

View File

@ -109,10 +109,11 @@
</table>
</form>
</div>
<div id="socialBox"></div>
<div id="login_footer">
<div id="socialBox"></div>
<a href="https://www.egroupware.org" class="logo_footer" target="_blank">
<img src="api/templates/default/images/login_logo.png">
</a>
</div>
</div>

View File

@ -1778,8 +1778,11 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
border-radius: 0 !important;
}
#socialBox {
float: left;
margin-top: 20px;
position: absolute;
bottom: 10px;
display: inline-block;
left: 0;
width: 27%;
}
#socialMedia a {
margin-left: 10px;
@ -1878,8 +1881,8 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
position: absolute;
bottom: 0;
display: inline-block;
left: 0;
width: 100%;
right: 0;
width: 22%;
}
#loginMainDiv div#login_footer a.logo_footer {
float: right;