[FEATURE] Use common classes for toolbar items

Create common CSS classes to be used for toolbar items so that it looks
the same, and extensions doesn't have to create the same css again and
again.

* Common "drop down" class
* Common ul/li definition
* Common layout, all looks the same

Change-Id: Iedad718ab4f26d87177e3d49ca93f58bf543d9f6
Resolves: #M17888
Reviewed-on: http://review.typo3.org/1088
Reviewed-by: Steffen Gebert <steffen.gebert@typo3.org>
Tested-by: Steffen Gebert <steffen.gebert@typo3.org>
Reviewed-by: Andreas Wolf <andreas.wolf@ikt-werk.de>
Tested-by: Andreas Wolf <andreas.wolf@ikt-werk.de>

diff --git a/typo3/sysext/t3skin/stylesheets/structure/toolbar.css b/typo3/sysext/t3skin/stylesheets/structure/toolbar.css
index b837222..793a005 100644 (file)
--- a/typo3/sysext/t3skin/stylesheets/structure/toolbar.css
+++ b/typo3/sysext/t3skin/stylesheets/structure/toolbar.css
@@ -45,4 +45,26 @@ $Id$
        position: absolute;
        top: 25px;
        z-index: 100;
+}
+
+ul.toolbar-item-menu li a {
+       float: none;
+       min-height: 19px;
+       padding-left: 2px;
+       padding-top: 2px;
+       vertical-align: middle;
+}
+
+ul.toolbar-item-menu li a {
+       display: block;
+       padding-bottom: 2px;
+       padding-left: 3px;
+       vertical-align: middle;
+}
+
+ul.toolbar-item-menu {
+       margin: 0;
+       padding: 2px 0 0;
+       position: absolute;
+       width: 180px;
 }
\ No newline at end of file

diff --git a/typo3/sysext/t3skin/stylesheets/structure/toolbar_caching.css b/typo3/sysext/t3skin/stylesheets/structure/toolbar_caching.css
index 9f78782..d9d493f 100644 (file)
--- a/typo3/sysext/t3skin/stylesheets/structure/toolbar_caching.css
+++ b/typo3/sysext/t3skin/stylesheets/structure/toolbar_caching.css
@@ -8,21 +8,6 @@ $Id$
        width: 30px;
 }
 
-#clear-cache-actions-menu ul {
-       margin: 0px;
-       padding: 2px 0px 0px;
-       position: absolute;
-       width: 180px;
-}
-
-#clear-cache-actions-menu li {
-       float: none;
-       min-height: 19px;
-       padding-left: 2px;
-       padding-top: 2px;
-       vertical-align: middle;
-}
-
 * html #clear-cache-actions-menu li {
        height: 19px;
 }
@@ -32,13 +17,6 @@ $Id$
        padding-right: 6px;
 }
 
-#clear-cache-actions-menu li a {
-       display: block;
-       padding-bottom: 2px;
-       padding-left: 3px;
-       vertical-align: middle;
-}
-
 #clear-cache-actions-menu li a span.t3-icon {
        vertical-align: middle;
 }
\ No newline at end of file

diff --git a/typo3/sysext/t3skin/stylesheets/structure/toolbar_shortcut.css b/typo3/sysext/t3skin/stylesheets/structure/toolbar_shortcut.css
index de7870f..284dc7b 100644 (file)
--- a/typo3/sysext/t3skin/stylesheets/structure/toolbar_shortcut.css
+++ b/typo3/sysext/t3skin/stylesheets/structure/toolbar_shortcut.css
@@ -53,4 +53,4 @@ $Id$
 #shortcut-menu .shortcut-list tr.shortcut td.shortcut-icon {
        padding-left: 7px;
        vertical-align: top;
-}
\ No newline at end of file
+}

diff --git a/typo3/sysext/t3skin/stylesheets/visual/toolbar.css b/typo3/sysext/t3skin/stylesheets/visual/toolbar.css
index 46efa1d..049cb40 100644 (file)
--- a/typo3/sysext/t3skin/stylesheets/visual/toolbar.css
+++ b/typo3/sysext/t3skin/stylesheets/visual/toolbar.css
@@ -18,4 +18,11 @@ $Id$
 
 .toolbar-item-active {
        background-image: url('../../icons/gfx/toolbar_item_active_bg.png');
+}
+
+.toolbar-item-menu {
+       background-color: #f9f9f9;
+       border: 1px solid #abb2bc;
+       border-top: none;
+       list-style: none;
 }
\ No newline at end of file

diff --git a/typo3/sysext/t3skin/stylesheets/visual/toolbar_caching.css b/typo3/sysext/t3skin/stylesheets/visual/toolbar_caching.css
index 61d3fc4..5dedad3 100644 (file)
--- a/typo3/sysext/t3skin/stylesheets/visual/toolbar_caching.css
+++ b/typo3/sysext/t3skin/stylesheets/visual/toolbar_caching.css
@@ -4,13 +4,6 @@ Clear-Cache menu inside the toolbar
 $Id$
 - - - - - - - - - - - - - - - - - - - - - */
 
-#clear-cache-actions-menu ul {
-       background-color: #f9f9f9;
-       border: 1px solid #abb2bc;
-       border-top: none;
-       list-style: none;
-}
-
 #clear-cache-actions-menu li {
        text-align: left;
 }

diff --git a/typo3/sysext/t3skin/stylesheets/visual/toolbar_shortcut.css b/typo3/sysext/t3skin/stylesheets/visual/toolbar_shortcut.css
index b60e37e..128c816 100644 (file)
--- a/typo3/sysext/t3skin/stylesheets/visual/toolbar_shortcut.css
+++ b/typo3/sysext/t3skin/stylesheets/visual/toolbar_shortcut.css
@@ -4,13 +4,6 @@ Shortcuts menu in the toolbar
 $Id$
 - - - - - - - - - - - - - - - - - - - - - */
 
-#shortcut-menu .toolbar-item-menu {
-       background-color: #f9f9f9;
-       border: 1px solid #abb2bc;
-       border-top: none;
-       list-style: none;
-}
-
 #shortcut-menu .shortcut-list tr.shortcut td {
        line-height: 16px;
 }