[FEATURE] Use common classes for toolbar items
authorSoren Malling <soren.malling@gmail.com>
Mon, 7 Mar 2011 20:00:22 +0000 (21:00 +0100)
committerAndreas Wolf <andreas.wolf@ikt-werk.de>
Fri, 11 Mar 2011 10:33:37 +0000 (11:33 +0100)
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>
typo3/sysext/t3skin/stylesheets/structure/toolbar.css
typo3/sysext/t3skin/stylesheets/structure/toolbar_caching.css
typo3/sysext/t3skin/stylesheets/structure/toolbar_shortcut.css
typo3/sysext/t3skin/stylesheets/visual/toolbar.css
typo3/sysext/t3skin/stylesheets/visual/toolbar_caching.css
typo3/sysext/t3skin/stylesheets/visual/toolbar_shortcut.css

index b837222..793a005 100644 (file)
@@ -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
index 9f78782..d9d493f 100644 (file)
@@ -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
index de7870f..284dc7b 100644 (file)
@@ -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
+}
index 46efa1d..049cb40 100644 (file)
@@ -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
index 61d3fc4..5dedad3 100644 (file)
@@ -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;
 }
index b60e37e..128c816 100644 (file)
@@ -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;
 }