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

View File

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

View File

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

View File

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

View File

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

View File

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