[TASK] CSS: Button style :active and :hover 83/27983/2
authorFelix Kopp <felix-source@phorax.com>
Sun, 2 Mar 2014 23:28:31 +0000 (00:28 +0100)
committerGeorg Ringer <georg.ringer@gmail.com>
Tue, 4 Mar 2014 05:39:16 +0000 (06:39 +0100)
Brings visual illusion for :active / click state.
Bugfixes :hover on <button>

Resolves: #56480
Releases: 6.2
Change-Id: I08d38c50d23f5fbcf591dbd54edca34944568591
Reviewed-on: https://review.typo3.org/27983
Reviewed-by: Georg Ringer
Tested-by: Georg Ringer
typo3/sysext/t3skin/Resources/Public/Css/visual/main_form.css

index fa65e9f..de08ea7 100644 (file)
@@ -55,6 +55,7 @@ input[type="button"] {
 }
 
 .t3-button:hover,
+button:hover,
 input[type="submit"]:hover,
 input[type="reset"]:hover,
 input[type="button"]:hover {
@@ -72,14 +73,16 @@ input[type="button"]:hover {
        opacity: 0.5;
 }
 
-.t3-button.active,
 .t3-button:active,
+button:active,
 input[type="submit"]:active,
 input[type="reset"]:active,
 input[type="button"]:active {
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
+       position: relative;
+       top: 1px;
 }
 
 .t3-button.disabled,
@@ -101,6 +104,7 @@ input[type="button"][disabled="disabled"]:hover {
 /* - - - - - - - - - - - - - - - - - - - - -
 Groups
 - - - - - - - - - - - - - - - - - - - - - */
+
 .t3-form-field-group {
        margin-bottom:  1.5em;
 }
\ No newline at end of file