From b22a8c70b2839b6da3c88922980a66b8699596e4 Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Fri, 28 Oct 2016 11:28:27 +0200 Subject: [PATCH] * Login Page: Fix some alignment issues in login page - thanks to Stefan Unverricht --- pixelegg/css/mobile.css | 3 ++- pixelegg/css/pixelegg.css | 3 ++- pixelegg/less/layout_loginPage.less | 4 ++-- pixelegg/mobile/fw_mobile.css | 15 ++++++++++++--- pixelegg/mobile/fw_mobile.less | 11 ++++++++--- 5 files changed, 26 insertions(+), 10 deletions(-) diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index f49b796204..9389b2914e 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -1806,7 +1806,7 @@ body { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; - width: 250px; + width: calc(250px - 8px); } #loginMainDiv div#centerBox form table.divLoginbox input:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); @@ -1826,6 +1826,7 @@ body { background-color: #ffc200; color: #000000; font-size: 20px; + width: 250px; } #loginMainDiv div#centerBox form table.divLoginbox input[type="submit"]:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index 19f8ae2b98..30862d23df 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -1795,7 +1795,7 @@ body { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; - width: 250px; + width: calc(250px - 8px); } #loginMainDiv div#centerBox form table.divLoginbox input:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); @@ -1815,6 +1815,7 @@ body { background-color: #ffc200; color: #000000; font-size: 20px; + width: 250px; } #loginMainDiv div#centerBox form table.divLoginbox input[type="submit"]:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); diff --git a/pixelegg/less/layout_loginPage.less b/pixelegg/less/layout_loginPage.less index 5680c1f04a..79efba74d5 100644 --- a/pixelegg/less/layout_loginPage.less +++ b/pixelegg/less/layout_loginPage.less @@ -142,7 +142,7 @@ input { .Complete_Button_input; - width: 250px; + width: ~"calc(250px - 8px)"; } input:hover{ .Complete_Button_input_hover; @@ -157,7 +157,7 @@ // Hintergrund in EGW Farbe .color_100_gray; .fontsize_xxl; - + width: 250px; &:hover{.Complete_Button_select_hover; background-color: @color_positive_action !important;} &:focus {.Complete_Button_input_focus;} } diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index 86f4f1f7b5..f5fb781ff9 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -1817,7 +1817,7 @@ body { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; - width: 250px; + width: calc(250px - 8px); } #loginMainDiv div#centerBox form table.divLoginbox input:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); @@ -1837,6 +1837,7 @@ body { background-color: #ffc200; color: #000000; font-size: 20px; + width: 250px; } #loginMainDiv div#centerBox form table.divLoginbox input[type="submit"]:hover { -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"] { font-size: large; + width: 100%; } div#loginMainDiv div#centerBox form table.divLoginbox input, div#loginMainDiv div#centerBox form table.divLoginbox select { - width: 100%; + width: calc(100% - 14px); height: 50px; } + div#loginMainDiv div#centerBox form table.divLoginbox select { + width: 100%; + } div#loginMainDiv div#centerBox form table.divLoginbox td { font-size: large; padding: 0.8%; @@ -7012,12 +7017,16 @@ form[id^="tracker-"] .dialogHeadbar { } body div#loginMainDiv div#centerBox form table.divLoginbox input[type="submit"] { font-size: large; + width: 100%; } body div#loginMainDiv div#centerBox form table.divLoginbox input, body div#loginMainDiv div#centerBox form table.divLoginbox select { - width: 100%; + width: calc(100% - 10px); height: 50px; } + body div#loginMainDiv div#centerBox form table.divLoginbox select { + width: 100%; + } body div#loginMainDiv div#centerBox form table.divLoginbox td { font-size: large; padding: 0.8%; diff --git a/pixelegg/mobile/fw_mobile.less b/pixelegg/mobile/fw_mobile.less index 632834d271..07ff752f70 100644 --- a/pixelegg/mobile/fw_mobile.less +++ b/pixelegg/mobile/fw_mobile.less @@ -97,12 +97,14 @@ } input[type="submit"] { font-size: large; + width:100%; } input, select { - width:100%; + width:~"calc(100% - 14px)"; height:50px; } + select {width:100%;} td { font-size: large; padding:0.8%; @@ -142,12 +144,15 @@ float:left; input[type="submit"] { font-size: large; - + width:100%; } input, select { - width:100%; + width:~"calc(100% - 10px)"; height:50px; } + select { + width:100%; + } td { font-size: large; padding:0.8%;