[BUGFIX] Correct login button active state for custom colors 91/44391/2
authorBenjamin Kott <benjamin.kott@wfp2.com>
Fri, 30 Oct 2015 11:31:44 +0000 (12:31 +0100)
committerAndreas Fernandez <typo3@scripting-base.de>
Fri, 30 Oct 2015 11:44:03 +0000 (12:44 +0100)
Resolves: #71134
Releases: master
Change-Id: I7fc8e8b06e3068939551711130a4d892249c88ae
Reviewed-on: https://review.typo3.org/44391
Reviewed-by: Wouter Wolters <typo3@wouterwolters.nl>
Tested-by: Wouter Wolters <typo3@wouterwolters.nl>
Reviewed-by: Andreas Fernandez <typo3@scripting-base.de>
Tested-by: Andreas Fernandez <typo3@scripting-base.de>
Build/Resources/Public/Less/TYPO3/_login_screen.less
typo3/sysext/backend/Classes/Controller/LoginController.php
typo3/sysext/t3skin/Resources/Public/Css/backend.css

index 4866d3e..4f8d350 100644 (file)
        .button-size(@login-input-padding-vertical; @login-input-padding-horizontal; @login-input-font-size; 1em; @login-input-border-radius);
        .button-variant(@login-btn-text; @login-btn-bg; rgba(0,0,0,0.1));
        line-height: 1.3em;
+       &:active,
+       &:active:focus,
+       &:active:hover,
+       &:focus,
+       &:hover,
+       &:visited {
+               background-color: @login-btn-bg;
+       }
+       &:active:focus,
        &:focus {
                outline: none;
+       }
+       &:hover {
+               box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.125);
+       }
+       &:active:focus,
+       &:active:hover {
+               box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+       }
+       &:focus {
                .box-shadow(none);
        }
 }
index 3fcd6e6..e122f1c 100644 (file)
@@ -185,6 +185,7 @@ class LoginController
                                .btn-login.disabled:active, .btn-login[disabled]:active, fieldset[disabled] .btn-login:active,
                                .btn-login.disabled.active, .btn-login[disabled].active, fieldset[disabled] .btn-login.active,
                                .btn-login:hover, .btn-login:focus, .btn-login:active,
+                               .btn-login:active:hover, .btn-login:active:focus,
                                .btn-login { background-color: ' . $extConf['loginHighlightColor'] . '; }
                                .panel-login .panel-body { border-color: ' . $extConf['loginHighlightColor'] . '; }
                        ';
index 36b98f7..86b55da 100644 (file)
@@ -11923,8 +11923,26 @@ fieldset[disabled] .btn-login.active {
   color: #ff8800;
   background-color: #ffffff;
 }
+.btn-login:active,
+.btn-login:active:focus,
+.btn-login:active:hover,
+.btn-login:focus,
+.btn-login:hover,
+.btn-login:visited {
+  background-color: #ff8800;
+}
+.btn-login:active:focus,
 .btn-login:focus {
   outline: none;
+}
+.btn-login:hover {
+  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.125);
+}
+.btn-login:active:focus,
+.btn-login:active:hover {
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+.btn-login:focus {
   box-shadow: none;
 }
 .typo3-login-carousel-control {