Fixed bug #14360: htmlArea RTE: Toolbar and context menu styling needs adjustments
authorStanislas Rolland <typo3@sjbr.ca>
Tue, 11 May 2010 00:45:13 +0000 (00:45 +0000)
committerStanislas Rolland <typo3@sjbr.ca>
Tue, 11 May 2010 00:45:13 +0000 (00:45 +0000)
git-svn-id: https://svn.typo3.org/TYPO3v4/Core/trunk@7578 709f56b5-9817-0410-a4d7-c38de5d9e867

ChangeLog
typo3/sysext/rtehtmlarea/ChangeLog
typo3/sysext/rtehtmlarea/htmlarea/skins/default/htmlarea.css
typo3/sysext/t3skin/rtehtmlarea/htmlarea.css

index 6f54952..5ff1be7 100755 (executable)
--- a/ChangeLog
+++ b/ChangeLog
@@ -1,6 +1,7 @@
 2010-05-10  Stanislas Rolland  <typo3@sjbr.ca>
 
        * Fixed bug #9455: RTE incorrectly modifies external links and causes problems with subdomains
+       * Fixed bug #14360: htmlArea RTE: Toolbar and context menu styling needs adjustments
 
 2010-05-07  Steffen Kamper  <info@sk-typo3.de>
 
index 4e78c30..e1b7b25 100644 (file)
@@ -1,6 +1,7 @@
 2010-05-10  Stanislas Rolland  <typo3@sjbr.ca>
 
        * Fixed bug #9455: RTE incorrectly modifies external links and causes problems with subdomains
+       * Fixed bug #14360: htmlArea RTE: Toolbar and context menu styling needs adjustments
 
 2010-05-09  Stanislas Rolland  <typo3@sjbr.ca>
 
index f2465ed..d786a28 100644 (file)
 .htmlarea .toolbar .button {
        background-color: transparent;
        color: ButtonText;
-       width: 22px;
-       height: 22px;
        border-style: solid;
-       border-color: #EFEFF4;
        border-width: 1px;
-       margin: 0 0 1px 0;
+       border-color: transparent;
+       border-collapse: separate;
+       margin: 0 0 4px 0;
        padding: 0;
        float: left;
 }
-.htmlarea .toolbar .x-btn-mc, .htmlarea .toolbar .x-btn-ml, .htmlarea .toolbar .x-btn-mr, .htmlarea .toolbar .x-btn-tc, .htmlarea .toolbar .x-btn-tl, .htmlarea .toolbar .x-btn-tr, .htmlarea .toolbar .x-btn-bl, .htmlarea .toolbar .x-btn-bc, .htmlarea .toolbar .x-btn-br {
+.htmlarea .toolbar .x-btn-mc {
        background-color: transparent;
        background-image: none;
        border-style: none;
        margin: 0;
        padding: 0;
 }
+.htmlarea .toolbar .x-btn-tl,
+.htmlarea .toolbar .x-btn-tc,
+.htmlarea .toolbar .x-btn-tr,
+.htmlarea .toolbar .x-btn-ml,
+.htmlarea .toolbar .x-btn-mr,
+.htmlarea .toolbar .x-btn-bl,
+.htmlarea .toolbar .x-btn-bc,
+.htmlarea .toolbar .x-btn-br {
+       display: none;
+}
 .htmlarea .toolbar .x-btn-text {
        background-image: url("images/sprites/actions.png");
        background-repeat: no-repeat;
+       width: 20px;
+       height: 18px;
+       padding: 0;
+       margin: 1px 0 1px 2px;
 }
 .htmlarea .toolbar .buttonHover {
-       border:1px solid;border-color:#e4e0db #999999 #999999 #e4e0db;
-}
-.htmlarea .toolbar .buttonActive, .htmlarea .toolbar .buttonPressed, .htmlarea-context-menu .buttonActive {
-       border:1px solid;border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
-       background-color:ButtonHighlight;
+       border-style: solid;
+       border-width: 1px;
+       border-color: #e4e0db #999999 #999999 #e4e0db;
+       background-color: #E0E0E9;
+       opacity: 1.00;
 }
-.htmlarea .toolbar .buttonPressed, .htmlarea-context-menu .buttonActive {
-       background-color:ButtonHighlight;
-       text-decoration:none;
+.htmlarea .toolbar .buttonActive,
+.htmlarea .toolbar .buttonPressed,
+.htmlarea-context-menu .buttonActive {
+       border-style: solid;
+       border-width: 1px;
+       border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
+       background-color: ButtonHighlight;
+       text-decoration: none;
+       opacity: 1.00;
 }
 .htmlarea .toolbar .indicator {
        background-color:white;cursor:default;
 }
 .htmlarea .toolbar .buttonDisabled {
        filter: alpha(opacity=25);
-       -moz-opacity: 0.25;
        opacity: 0.25;
+       -moz-opacity: 0.25;
 }
 .htmlarea .toolbar .separator {
        border:1px solid #999;
 }
 /* Selectors for the default image dialogue */
 .htmlarea-window .image-preview {
-    height: 300;
+    height: 300px;
     width: 99%;
     float: right;
 }
 }
 .htmlarea-context-menu li {
        margin: 0;
+       padding: 0;
+       border-width: 0;
 }
 .htmlarea-context-menu a {
        font-weight: normal;
 }
 .htmlarea-context-menu .button {
        background-color: transparent;
-       padding-bottom: 0;
-       margin-bottom: 0;
+       margin: 0 2px 0 0;
+       padding-top: 1px;
 }
 .htmlarea-context-menu .separator {
-       border-top:1px solid #A2AAB8;
+       border-top: 1px solid #A2AAB8;
 }
 .htmlarea-context-menu .hover {
        background-image: url("images/alt_menu_mainitem_bg.gif");
        background-repeat: repeat-x;
        color: #FFF;
-       padding-bottom: 0;
-       margin-bottom: 0;
+       margin: 0 2px 0 0;
+       padding-top: 1px;
        border-color: #A2AAB8;
 }
 .htmlarea-context-menu .x-menu-item-icon {
        background-image: url("images/sprites/actions.png");
        background-repeat: no-repeat;
+       margin-top: -2px;
+       margin-left: -2px;
+       width: 18px;
+       height: 18px;
 }
 /* Window status bar selectors */
 .htmlarea-window .status-ready {
index f9cdc15..940d065 100644 (file)
 .htmlarea .toolbar .button {
        background-color: transparent;
        color: ButtonText;
-       width: 22px;
-       height: 22px;
        border-style: solid;
-       border-color: #EFEFF4;
        border-width: 1px;
-       margin: 0 0 1px 0;
+       border-color: transparent;
+       border-collapse: separate;
+       margin: 0 0 4px 0;
        padding: 0;
        float: left;
 }
-.htmlarea .toolbar .x-btn-mc, .htmlarea .toolbar .x-btn-ml, .htmlarea .toolbar .x-btn-mr, .htmlarea .toolbar .x-btn-tc, .htmlarea .toolbar .x-btn-tl, .htmlarea .toolbar .x-btn-tr, .htmlarea .toolbar .x-btn-bl, .htmlarea .toolbar .x-btn-bc, .htmlarea .toolbar .x-btn-br {
+.htmlarea .toolbar .x-btn-mc {
        background-color: transparent;
        background-image: none;
        border-style: none;
        margin: 0;
        padding: 0;
 }
+.htmlarea .toolbar .x-btn-tl,
+.htmlarea .toolbar .x-btn-tc,
+.htmlarea .toolbar .x-btn-tr,
+.htmlarea .toolbar .x-btn-ml,
+.htmlarea .toolbar .x-btn-mr,
+.htmlarea .toolbar .x-btn-bl,
+.htmlarea .toolbar .x-btn-bc,
+.htmlarea .toolbar .x-btn-br {
+       display: none;
+}
 .htmlarea .toolbar .x-btn-text {
        background-image: url("images/sprites/actions.png");
        background-repeat: no-repeat;
+       width: 20px;
+       height: 18px;
+       padding: 0;
+       margin: 1px 0 1px 2px;
 }
 .htmlarea .toolbar .buttonHover {
-       border:1px solid;border-color:white #C5C5D5 #C5C5D5 white;
+       border-style: solid;
+       border-width: 1px;
+       border-color: white #C5C5D5 #C5C5D5 white;
        background-color: #E0E0E9;
+       opacity: 1.00;
 }
-.htmlarea .toolbar .buttonActive, .htmlarea .toolbar .buttonPressed, .htmlarea-context-menu .buttonActive {
-       border:1px solid;border-color:#C5C5D5 white white #C5C5D5;
-       background-color:ButtonHighlight;
-}
-.htmlarea .toolbar .buttonPressed, .htmlarea-context-menu .buttonActive {
-       background-color:ButtonHighlight;
-       text-decoration:none;
+.htmlarea .toolbar .buttonActive,
+.htmlarea .toolbar .buttonPressed,
+.htmlarea-context-menu .buttonActive {
+       border-style: solid;
+       border-width: 1px;
+       border-color: #C5C5D5 #C5C5D5 #C5C5D5 #C5C5D5;
+       background-color: ButtonHighlight;
+       text-decoration: none;
+       opacity: 1.00;
 }
 .htmlarea .toolbar .indicator {
        background-color:white;cursor:default;
 }
 .htmlarea .toolbar .buttonDisabled {
        filter: gray() alpha(opacity=25);
-       -moz-opacity:0.25;
-       opacity:0.25;
+       opacity: 0.25;
+       -moz-opacity: 0.25;
 }
 .htmlarea .toolbar .separator {
        background-color: transparent;
        background-image: url("images/separator.gif");
        background-repeat: no-repeat;
-       background-position: 0;
+       background-position: 0 -1px;
        width: 7px;
        height: 23px;
        border: 1px solid #EFEFF4;
 }
 /* Selectors for the default image dialogue */
 .htmlarea-window .image-preview {
-    height: 300;
+    height: 300px;
     width: 99%;
     float: right;
 }
 }
 .htmlarea-context-menu li {
        margin: 0;
+       padding: 0;
+       border-width: 0;
 }
 .htmlarea-context-menu a {
        font-weight: normal;
 }
 .htmlarea-context-menu .button {
        background-color: transparent;
-       padding-bottom: 0;
-       margin-bottom: 0;
+       margin: 0 2px 0 0;
+       padding-top: 1px;
 }
 .htmlarea-context-menu .separator {
-       border-top:1px solid #A2AAB8;
+       border-top: 1px solid #A2AAB8;
 }
 .htmlarea-context-menu .hover {
        background-image: url("images/alt_menu_mainitem_bg.gif");
        background-repeat: repeat-x;
        color: #FFF;
-       padding-bottom: 0;
-       margin-bottom: 0;
+       margin: 0 2px 0 0;
+       padding-top: 1px;
        border-color: #A2AAB8;
 }
 .htmlarea-context-menu .x-menu-item-icon {
        background-image: url("images/sprites/actions.png");
        background-repeat: no-repeat;
+       margin-top: -2px;
+       margin-left: -2px;
+       width: 18px;
+       height: 18px;
 }
 /* Window status bar selectors */
 .htmlarea-window .status-ready {