extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-22 14:41:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

WIP login Ui: fix some styling issues

Browse Source
This commit is contained in:
Hadi Nategh 2021-05-03 16:17:07 +02:00
parent 635ca0a89d
commit 2b5657494e
5 changed files with 38 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
pixelegg/css/mobile.css
View File

@ -2026,26 +2026,30 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
max-width: 100%; max-width: 100%;
} }
#loginMainDiv div#login_footer { #loginMainDiv div#login_footer {
position: absolute; position: fixed;
bottom: 0; bottom: 0;
display: inline-block; display: inline-block;
right: 0; right: 0;
width: 100%; width: 100%;
height: 40px; height: 40px;
background: #1865aa; background: #1865aa;
overflow-x: clip;
} }
#loginMainDiv div#login_footer .apps { #loginMainDiv div#login_footer .apps {
width: 50%; width: 812px;
margin: auto; margin: 0 auto;
display: flex; display: flex;
overflow: hidden; overflow: hidden;
} }
#loginMainDiv div#login_footer .apps .app { #loginMainDiv div#login_footer .apps .app {
width: 30px; width: 30px;
height: 30px; height: 30px;
margin: 5px 20px auto 20px; margin: 5px 1% auto 2%;
display: flex; display: flex;
} }
#loginMainDiv div#login_footer .apps .app:hover img.icon {
transform: scale(1.1);
}
#loginMainDiv div#login_footer .apps .app img.icon { #loginMainDiv div#login_footer .apps .app img.icon {
width: 30px; width: 30px;
filter: brightness(0) invert(1); filter: brightness(0) invert(1);

12
pixelegg/css/monochrome.css
View File

@ -2006,26 +2006,30 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
max-width: 100%; max-width: 100%;
} }
#loginMainDiv div#login_footer { #loginMainDiv div#login_footer {
position: absolute; position: fixed;
bottom: 0; bottom: 0;
display: inline-block; display: inline-block;
right: 0; right: 0;
width: 100%; width: 100%;
height: 40px; height: 40px;
background: #1865aa; background: #1865aa;
overflow-x: clip;
} }
#loginMainDiv div#login_footer .apps { #loginMainDiv div#login_footer .apps {
width: 50%; width: 812px;
margin: auto; margin: 0 auto;
display: flex; display: flex;
overflow: hidden; overflow: hidden;
} }
#loginMainDiv div#login_footer .apps .app { #loginMainDiv div#login_footer .apps .app {
width: 30px; width: 30px;
height: 30px; height: 30px;
margin: 5px 20px auto 20px; margin: 5px 1% auto 2%;
display: flex; display: flex;
} }
#loginMainDiv div#login_footer .apps .app:hover img.icon {
transform: scale(1.1);
}
#loginMainDiv div#login_footer .apps .app img.icon { #loginMainDiv div#login_footer .apps .app img.icon {
width: 30px; width: 30px;
filter: brightness(0) invert(1); filter: brightness(0) invert(1);

12
pixelegg/css/pixelegg.css
View File

@ -2016,26 +2016,30 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
max-width: 100%; max-width: 100%;
} }
#loginMainDiv div#login_footer { #loginMainDiv div#login_footer {
position: absolute; position: fixed;
bottom: 0; bottom: 0;
display: inline-block; display: inline-block;
right: 0; right: 0;
width: 100%; width: 100%;
height: 40px; height: 40px;
background: #1865aa; background: #1865aa;
overflow-x: clip;
} }
#loginMainDiv div#login_footer .apps { #loginMainDiv div#login_footer .apps {
width: 50%; width: 812px;
margin: auto; margin: 0 auto;
display: flex; display: flex;
overflow: hidden; overflow: hidden;
} }
#loginMainDiv div#login_footer .apps .app { #loginMainDiv div#login_footer .apps .app {
width: 30px; width: 30px;
height: 30px; height: 30px;
margin: 5px 20px auto 20px; margin: 5px 1% auto 2%;
display: flex; display: flex;
} }
#loginMainDiv div#login_footer .apps .app:hover img.icon {
transform: scale(1.1);
}
#loginMainDiv div#login_footer .apps .app img.icon { #loginMainDiv div#login_footer .apps .app img.icon {
width: 30px; width: 30px;
filter: brightness(0) invert(1); filter: brightness(0) invert(1);

10
pixelegg/less/layout_loginPage.less
View File

@ -162,23 +162,25 @@ div#loginMainDiv.stockLoginBackground {
color: #0a5ca5; color: #0a5ca5;
} }
div#login_footer { div#login_footer {
position: absolute; position: fixed;
bottom: 0; bottom: 0;
display: inline-block; display: inline-block;
right: 0; right: 0;
width: 100%; width: 100%;
height: 40px; height: 40px;
background: #1865aa; background: #1865aa;
overflow-x: clip;
.apps { .apps {
width: 50%; width: 812px;
margin: auto; margin: 0 auto;
display: flex; display: flex;
overflow: hidden; overflow: hidden;
.app { .app {
width: 30px; width: 30px;
height: 30px; height: 30px;
margin: 5px 20px auto 20px; margin: 5px 1% auto 2%;;
display: flex; display: flex;
&:hover img.icon {transform:scale(1.1)}
img.icon { img.icon {
width: 30px; width: 30px;
filter: brightness(0) invert(1); filter: brightness(0) invert(1);

12
pixelegg/mobile/fw_mobile.css
View File

@ -2037,26 +2037,30 @@ div#loginMainDiv.stockLoginBackground div#centerBox form {
max-width: 100%; max-width: 100%;
} }
#loginMainDiv div#login_footer { #loginMainDiv div#login_footer {
position: absolute; position: fixed;
bottom: 0; bottom: 0;
display: inline-block; display: inline-block;
right: 0; right: 0;
width: 100%; width: 100%;
height: 40px; height: 40px;
background: #1865aa; background: #1865aa;
overflow-x: clip;
} }
#loginMainDiv div#login_footer .apps { #loginMainDiv div#login_footer .apps {
width: 50%; width: 812px;
margin: auto; margin: 0 auto;
display: flex; display: flex;
overflow: hidden; overflow: hidden;
} }
#loginMainDiv div#login_footer .apps .app { #loginMainDiv div#login_footer .apps .app {
width: 30px; width: 30px;
height: 30px; height: 30px;
margin: 5px 20px auto 20px; margin: 5px 1% auto 2%;
display: flex; display: flex;
} }
#loginMainDiv div#login_footer .apps .app:hover img.icon {
transform: scale(1.1);
}
#loginMainDiv div#login_footer .apps .app img.icon { #loginMainDiv div#login_footer .apps .app img.icon {
width: 30px; width: 30px;
filter: brightness(0) invert(1); filter: brightness(0) invert(1);