Fixed bug #16623: Fix Tab styling (Thanks to Tomas Norre Mikkelsen)
authorSteffen Gebert <steffen.gebert@typo3.org>
Tue, 30 Nov 2010 20:34:56 +0000 (20:34 +0000)
committerSteffen Gebert <steffen.gebert@typo3.org>
Tue, 30 Nov 2010 20:34:56 +0000 (20:34 +0000)
git-svn-id: https://svn.typo3.org/TYPO3v4/Core/trunk@9694 709f56b5-9817-0410-a4d7-c38de5d9e867

ChangeLog
typo3/js/tabmenu.js
typo3/sysext/t3skin/stylesheets/visual/element_tab.css

index d4d4780..b17108e 100755 (executable)
--- a/ChangeLog
+++ b/ChangeLog
@@ -18,6 +18,7 @@
 
        * Fixed bug #16598: Login via OpenID is impossible (Thanks to Henrik Ziegenhain)
        * Fixed bug #16581: Make jsFooterInline & jsFooterLibs available to render-preProcess hook (Thanks to Morton Jonuschat)
+       * Fixed bug #16623: Fix Tab styling (Thanks to Tomas Norre Mikkelsen)
 
 2010-11-29  Ernesto Baschny  <ernst@cron-it.de>
 
index cbee59e..e7fbb33 100644 (file)
@@ -63,6 +63,7 @@ function DTM_activate(idBase,index,doToogle) {
                        top.DTM_currentTabs[idBase] = index;
                }
        }
+       document.getElementById(idBase+'-'+index+'-MENU').attributes.getNamedItem('class').nodeValue = 'tabact';
 }
 function DTM_toggle(idBase,index,isInit) {
                // Showing one:
index 1dbea9d..a18d7ca 100644 (file)
@@ -5,13 +5,16 @@ $Id$
 - - - - - - - - - - - - - - - - - - - - - */
 
 table.typo3-dyntabmenu td a,
+table.typo3-dyntabmenu td.disabled,
 table#typo3-tabmenu td.tab,
-table#typo3-tabmenu td.tabact {
+table#typo3-tabmenu td.tabact,
+table#typo3-tabmenu td.disabled {
        background: #dadada;
        border: 1px solid #adadad;
        border-bottom: none;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
+       color: #606060;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        -webkit-border-top-left-radius: 3px;
@@ -24,14 +27,22 @@ table.typo3-dyntabmenu td.tabact_over a,
 table#typo3-tabmenu td.tabact,
 table#typo3-tabmenu td.tab:hover,
 table#typo3-tabmenu td.tabact:hover {
-       color: #000;
        background: #ffffff;
+       color: #000;
 }
 
-table.typo3-dyntabmenu td.disabled a,
-table.typo3-dyntabmenu td.disabled_over a {
-       background: #ccc;
-       color: #999;
+table.typo3-dyntabmenu td.tab_over a,
+table#typo3-tabmenu td.tab:hover {
+       background-color: #eeeeee;
+       border-color: #adadad;
+       color: #606060;
+}
+
+table.typo3-dyntabmenu td.disabled,
+table.typo3-dyntabmenu td.disabled_over {
+       background: #e8e8e8;
+       border: 1px solid #d6d6d6;
+       color: #b7b7b7;
        cursor: default;
 }
 
@@ -50,6 +61,11 @@ table#typo3-tabmenu td a {
        text-decoration: none;
 }
 
+table.typo3-dyntabmenu td a:active,
+table#typo3-tabmenu td a {
+       outline: none;
+}
+
 div.typo3-dyntabmenu-divs {
        background-color: #ececec;
        background-image: url('../../images/backgrounds/tab.png');
@@ -118,52 +134,4 @@ div.typo3-dyntabmenu-divs-foldout div.tab_over a,
 div.typo3-dyntabmenu-divs-foldout div.tabact_over a {
        text-decoration: none;
        color: #000;
-}
-
-/*
-table#typo3-tabmenu td.tab,
-table.typo3-dyntabmenu td {
-       border: solid 1px #a2aab8;
-       border-bottom: 0;
-       color: #606060;
-       cursor: pointer;
-}
-
-table#typo3-tabmenu td.tab,
-table.typo3-dyntabmenu td.tab {
-       background-color: #dadada;
-}
-
-table#typo3-tabmenu td.tabact,
-table.typo3-dyntabmenu td.tabact:hover,
-table.typo3-dyntabmenu td.tabact a {
-       background-color: #ffffff;
-}
-
-table#typo3-tabmenu td.disabled,
-table.typo3-dyntabmenu td.disabled,
-table.typo3-dyntabmenu td.disabled_over {
-       color: #a2aab8;
-       background-color: #efeff4;
-}
-
-table#typo3-tabmenu td.tab:hover,
-table#typo3-tabmenu td a:hover,
-table.typo3-dyntabmenu td:hover,
-table.typo3-dyntabmenu td a:hover {
-       background-color: #ffffff;
-}
-*/
-div.typo3-dyntabmenu-divs-foldout div.disabled,
-div.typo3-dyntabmenu-divs-foldout div.disabled_over {
-       background: #ccc;
-}
-div.typo3-dyntabmenu-divs-foldout div.tab,
-div.typo3-dyntabmenu-divs-foldout div.tabact {
-       background: #fefefe;
-}
-
-div.typo3-dyntabmenu-divs-foldout div.tab_over,
-div.typo3-dyntabmenu-divs-foldout div.tabact_over {
-       background: #d7dbe2;
-}
+}
\ No newline at end of file