[BUGFIX] RTE styling does not fit to TCEforms styling 67/28767/5
authorBenjamin Mack <benni@typo3.org>
Sun, 17 Aug 2014 20:43:10 +0000 (22:43 +0200)
committerMarkus Klein <klein.t3@reelworx.at>
Mon, 8 Sep 2014 10:12:04 +0000 (12:12 +0200)
The toolbar on top still has old background color and border.
Removing these options makes the toolbar better
natively integrated into the rest of the CMS.

Resolves: #57292
Releases: 6.3, 6.2
Change-Id: I51ed27bff09e6b0479aa0673c65497e08b52540c
Reviewed-on: http://review.typo3.org/28767
Reviewed-by: Tymoteusz Motylewski <t.motylewski@gmail.com>
Tested-by: Tymoteusz Motylewski <t.motylewski@gmail.com>
Reviewed-by: Markus Klein <klein.t3@reelworx.at>
Tested-by: Markus Klein <klein.t3@reelworx.at>
typo3/sysext/rtehtmlarea/htmlarea/skins/default/htmlarea.css
typo3/sysext/t3skin/extjs/xtheme-t3skin.css
typo3/sysext/t3skin/rtehtmlarea/htmlarea.css

index a27234c..2093ca4 100644 (file)
        padding: 0;
        margin: 1px 0 1px 2px;
 }
-.htmlarea .toolbar .buttonHover {
-       background-color: #deecfd;
-       border-color: #e4e0db #999999 #999999 #e4e0db;
-       border-style: solid;
-       border-width: 1px;
-       opacity: 1.00;
-}
 .htmlarea .toolbar .buttonActive,
 .htmlarea .toolbar .buttonPressed,
 .htmlarea-context-menu .buttonActive {
index b14547d..4906064 100644 (file)
@@ -789,9 +789,6 @@ ul.x-tab-strip-bottom{
 .x-btn-over,
 .x-btn-icon.x-btn-over {
        background-color: #bdbcbc;
-       background-image: url('../images/backgrounds/button-hover.png');
-       background-image: linear-gradient(center top, #f6f6f6 10%, #bdbcbc 90%);
-       border-color: #737f91;
        color: #1e1e1e;
 }
 
index 21803b2..91fe32f 100644 (file)
 }
 /* Selectors for the editor toolbar */
 .htmlarea .toolbar {
-       background-color: #f3f3f3;
        cursor: default;
-       border: 1px solid #c7c7c7;
-       border-bottom: 0;
        margin: 0;
        padding: 2px;
        font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
@@ -52,7 +49,7 @@
 }
 .htmlarea .toolbar .x-form-item {
        float: left;
-       margin:0;
+       margin: 0 0.5em 0 0;
 }
 .htmlarea .toolbar .x-form-item-label {
        vertical-align:middle;
        margin: 1px 0 1px 2px;
 }
 .htmlarea .toolbar .buttonHover {
-       border-style: solid;
-       border-width: 1px;
-       border-color: white #C5C5D5 #C5C5D5 white;
-       background-color: #E0E0E9;
        opacity: 1.00;
 }
 .htmlarea .toolbar .buttonActive,
        border-bottom: none;
        margin:0;padding:0;
 }
+
 .htmlarea .noStatusBar {
        border-bottom:1px solid #A2AAB8;
 }