[BUGFIX] RTE: Icons not centered on buttons in toolbar 50/36150/2
authorStanislas Rolland <typo3@sjbr.ca>
Tue, 20 Jan 2015 21:39:37 +0000 (16:39 -0500)
committerStanislas Rolland <typo3@sjbr.ca>
Tue, 20 Jan 2015 21:41:36 +0000 (22:41 +0100)
Releases: master
Resolves: #64392
Change-Id: I00027870aba8c29b0c25df4bad3c297063bb7c35
Reviewed-on: http://review.typo3.org/36150
Reviewed-by: Stanislas Rolland <typo3@sjbr.ca>
Tested-by: Stanislas Rolland <typo3@sjbr.ca>
typo3/sysext/rtehtmlarea/Resources/Public/Css/Skin/htmlarea.css
typo3/sysext/t3skin/rtehtmlarea/htmlarea.css

index 6452fc0..2d9dfaf 100644 (file)
        background-color: transparent;
        border-collapse: separate;
        border-color: transparent;
+       border-radius: 2px;
        border-style: solid;
        border-width: 1px;
-       color: ButtonText;
        cursor: pointer;
        float: left;
        height: 23px;
        margin: 0 0 3px 0;
-       padding: 0;
+       width: 24px;
 }
 .htmlarea .toolbar .button button {
        background-color: transparent;
        border: 0 none;
        cursor: pointer;
-       margin: 0;
+       display: block;
        -moz-outline: 0 none;
        outline: 0 none;
-       overflow: visible;
-       padding-left: 3px;
-       padding-right: 3px;
 }
 .htmlarea .toolbar .btn-text {
        background-image: url("images/sprites/actions.png");
@@ -95,8 +92,7 @@
        background-repeat: no-repeat;
        width: 20px;
        height: 18px;
-       padding: 0;
-       margin: 1px 0 1px 2px;
+       margin: 2px 0 1px 2px;
 }
 .htmlarea .toolbar .buttonHover {
        background-color: #DCDCDC;
index 001970e..7f7eb3d 100644 (file)
        border-width: 1px;
        border-color: transparent;
        border-collapse: separate;
-       color: ButtonText;
+       border-radius: 2px;
        cursor: pointer;
        float: left;
        height: 23px;
        margin: 0 0 3px 0;
-       padding: 0;
+       width: 24px;
 }
 .htmlarea .toolbar .button button {
        background-color: transparent;
        border: 0 none;
        cursor: pointer;
-       margin: 0;
+       display: block;
        -moz-outline: 0 none;
        outline: 0 none;
-       overflow: visible;
-       padding-left: 3px;
-       padding-right: 3px;
 }
 .htmlarea .toolbar .btn-text {
        background-image: url("images/sprites/actions.png");
@@ -96,8 +93,7 @@
        background-repeat: no-repeat;
        width: 20px;
        height: 18px;
-       padding: 0;
-       margin: 1px 0 1px 2px;
+       margin: 2px 0 1px 2px;
 }
 .htmlarea .toolbar .buttonHover {
        background-color: #DCDCDC;