* Login Page: Fix some alignment issues in login page - thanks to Stefan Unverricht

This commit is contained in:
Hadi Nategh 2016-10-28 11:28:27 +02:00
parent 73becf6e0d
commit b22a8c70b2
5 changed files with 26 additions and 10 deletions

View File

@ -1806,7 +1806,7 @@ body {
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
width: 250px; width: calc(250px - 8px);
} }
#loginMainDiv div#centerBox form table.divLoginbox input:hover { #loginMainDiv div#centerBox form table.divLoginbox input:hover {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@ -1826,6 +1826,7 @@ body {
background-color: #ffc200; background-color: #ffc200;
color: #000000; color: #000000;
font-size: 20px; font-size: 20px;
width: 250px;
} }
#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"]:hover { #loginMainDiv div#centerBox form table.divLoginbox input[type="submit"]:hover {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);

View File

@ -1795,7 +1795,7 @@ body {
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
width: 250px; width: calc(250px - 8px);
} }
#loginMainDiv div#centerBox form table.divLoginbox input:hover { #loginMainDiv div#centerBox form table.divLoginbox input:hover {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@ -1815,6 +1815,7 @@ body {
background-color: #ffc200; background-color: #ffc200;
color: #000000; color: #000000;
font-size: 20px; font-size: 20px;
width: 250px;
} }
#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"]:hover { #loginMainDiv div#centerBox form table.divLoginbox input[type="submit"]:hover {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);

View File

@ -142,7 +142,7 @@
input { input {
.Complete_Button_input; .Complete_Button_input;
width: 250px; width: ~"calc(250px - 8px)";
} }
input:hover{ input:hover{
.Complete_Button_input_hover; .Complete_Button_input_hover;
@ -157,7 +157,7 @@
// Hintergrund in EGW Farbe // Hintergrund in EGW Farbe
.color_100_gray; .color_100_gray;
.fontsize_xxl; .fontsize_xxl;
width: 250px;
&:hover{.Complete_Button_select_hover; background-color: @color_positive_action !important;} &:hover{.Complete_Button_select_hover; background-color: @color_positive_action !important;}
&:focus {.Complete_Button_input_focus;} &:focus {.Complete_Button_input_focus;}
} }

View File

@ -1817,7 +1817,7 @@ body {
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
width: 250px; width: calc(250px - 8px);
} }
#loginMainDiv div#centerBox form table.divLoginbox input:hover { #loginMainDiv div#centerBox form table.divLoginbox input:hover {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@ -1837,6 +1837,7 @@ body {
background-color: #ffc200; background-color: #ffc200;
color: #000000; color: #000000;
font-size: 20px; font-size: 20px;
width: 250px;
} }
#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"]:hover { #loginMainDiv div#centerBox form table.divLoginbox input[type="submit"]:hover {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@ -6978,12 +6979,16 @@ form[id^="tracker-"] .dialogHeadbar {
} }
div#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"] { div#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"] {
font-size: large; font-size: large;
width: 100%;
} }
div#loginMainDiv div#centerBox form table.divLoginbox input, div#loginMainDiv div#centerBox form table.divLoginbox input,
div#loginMainDiv div#centerBox form table.divLoginbox select { div#loginMainDiv div#centerBox form table.divLoginbox select {
width: 100%; width: calc(100% - 14px);
height: 50px; height: 50px;
} }
div#loginMainDiv div#centerBox form table.divLoginbox select {
width: 100%;
}
div#loginMainDiv div#centerBox form table.divLoginbox td { div#loginMainDiv div#centerBox form table.divLoginbox td {
font-size: large; font-size: large;
padding: 0.8%; padding: 0.8%;
@ -7012,12 +7017,16 @@ form[id^="tracker-"] .dialogHeadbar {
} }
body div#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"] { body div#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"] {
font-size: large; font-size: large;
width: 100%;
} }
body div#loginMainDiv div#centerBox form table.divLoginbox input, body div#loginMainDiv div#centerBox form table.divLoginbox input,
body div#loginMainDiv div#centerBox form table.divLoginbox select { body div#loginMainDiv div#centerBox form table.divLoginbox select {
width: 100%; width: calc(100% - 10px);
height: 50px; height: 50px;
} }
body div#loginMainDiv div#centerBox form table.divLoginbox select {
width: 100%;
}
body div#loginMainDiv div#centerBox form table.divLoginbox td { body div#loginMainDiv div#centerBox form table.divLoginbox td {
font-size: large; font-size: large;
padding: 0.8%; padding: 0.8%;

View File

@ -97,12 +97,14 @@
} }
input[type="submit"] { input[type="submit"] {
font-size: large; font-size: large;
width:100%;
} }
input, select { input, select {
width:100%; width:~"calc(100% - 14px)";
height:50px; height:50px;
} }
select {width:100%;}
td { td {
font-size: large; font-size: large;
padding:0.8%; padding:0.8%;
@ -142,12 +144,15 @@
float:left; float:left;
input[type="submit"] { input[type="submit"] {
font-size: large; font-size: large;
width:100%;
} }
input, select { input, select {
width:100%; width:~"calc(100% - 10px)";
height:50px; height:50px;
} }
select {
width:100%;
}
td { td {
font-size: large; font-size: large;
padding:0.8%; padding:0.8%;