[BUGFIX] Icons in clickMenu cropped on top 25/34625/5
authorFrank Nägler <typo3@naegler.net>
Wed, 26 Nov 2014 09:45:54 +0000 (10:45 +0100)
committerFrank Nägler <typo3@naegler.net>
Sat, 29 Nov 2014 22:09:57 +0000 (23:09 +0100)
Fix the cropping on top of clickMenu items.

Kudos to Andreas Fernandez

Resolves: #63334
Releases: master
Change-Id: I83bd07be7358865e46814f709942b2ab322e3be5
Reviewed-on: http://review.typo3.org/34625
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
Reviewed-by: Frank Nägler <typo3@naegler.net>
Tested-by: Frank Nägler <typo3@naegler.net>
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_csm.less
typo3/sysext/t3skin/Resources/Public/Css/visual/t3skin.css
typo3/sysext/t3skin/extjs/xtheme-t3skin.css

index 94f6eb9..5cfd8cd 100644 (file)
@@ -31,6 +31,10 @@ table.typo3-CSM {
                td {
                        padding: 2px 6px;
 
+                       .t3-icon {
+                               vertical-align: bottom;
+                       }
+
                        /* the 1px image between every contextmenu group needs to be set to block, otherwise the border cell is way too high
                           see https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps#Setting_images_to_be_blocks */
                        img {
index ef00508..4ab0c9a 100644 (file)
@@ -7031,6 +7031,9 @@ table.typo3-CSM tr.typo3-CSM-itemRow td {
   /* the 1px image between every contextmenu group needs to be set to block, otherwise the border cell is way too high
                           see https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps#Setting_images_to_be_blocks */
 }
+table.typo3-CSM tr.typo3-CSM-itemRow td .t3-icon {
+  vertical-align: bottom;
+}
 table.typo3-CSM tr.typo3-CSM-itemRow td img {
   display: block;
 }
index a81ff2d..f29369d 100644 (file)
@@ -1646,6 +1646,15 @@ a.x-menu-item {
        color:#222;
 }
 
+.x-menu-item-icon {
+       top: 4px;
+}
+
+.x-menu-item-icon .t3-icon {
+       width: 20px;
+       height: 20px;
+}
+
 .x-menu-item-active {
        background-color: #e9e9e9;
        border-color:#c8c8c8;