[BUGFIX] Correct icon alignment 51/42551/2
authorBenjamin Kott <benjamin.kott@outlook.com>
Wed, 12 Aug 2015 21:30:38 +0000 (23:30 +0200)
committerStefan Neufeind <typo3.neufeind@speedpartner.de>
Wed, 12 Aug 2015 23:22:18 +0000 (01:22 +0200)
Resolves: #69005
Releases: master
Change-Id: I7dbc116da8308fec0f4584541299a78aaf3af488
Reviewed-on: http://review.typo3.org/42551
Reviewed-by: Morton Jonuschat <m.jonuschat@mojocode.de>
Tested-by: Morton Jonuschat <m.jonuschat@mojocode.de>
Reviewed-by: Stefan Neufeind <typo3.neufeind@speedpartner.de>
Tested-by: Stefan Neufeind <typo3.neufeind@speedpartner.de>
Build/Resources/Public/Less/Component/icon.less
Build/Resources/Public/Less/TYPO3/_topbar.less
typo3/sysext/t3skin/Resources/Public/Css/backend.css

index bc6f3a7..56040a4 100644 (file)
        position: relative;
        display: inline-block;
        overflow: hidden;
-       vertical-align: middle;
        white-space: nowrap;
+       vertical-align: -22%;
        img {
                display: block;
                height: 100%;
                width: 100%;
        }
+       * {
+               display: block;
+               line-height: inherit;
+       }
 }
 .icon-markup {
        position: absolute;
@@ -58,9 +62,6 @@
        width: 60%;
        text-align: center;
 }
-.icon-unify {
-       display: block;
-}
 
 //
 // Variants
index 36f5c48..e7e4032 100644 (file)
        .dropdown-list-link-edit,
        .dropdown-list-link-delete,
        .dropdown-list-link-close {
-               display: table;
                position: absolute;
                top: 0;
                bottom: 0;
                right: -(@topbar-dropdown-padding / 2);
                padding: 0;
                text-align: center;
+               line-height: 26px;
                width: 26px;
                height: 26px;
-               .t3-icon {
-                       display: table-cell;
-                       margin: 0;
-                       height: auto;
-                       width: auto;
-               }
                &:hover {
                        color: @topbar-dropdown-link-hover-color;
                        background-color: @topbar-dropdown-link-hover-bg;
index a4a2990..41db30d 100644 (file)
@@ -7532,14 +7532,18 @@ button.close {
   position: relative;
   display: inline-block;
   overflow: hidden;
-  vertical-align: middle;
   white-space: nowrap;
+  vertical-align: -22%;
 }
 .icon img {
   display: block;
   height: 100%;
   width: 100%;
 }
+.icon * {
+  display: block;
+  line-height: inherit;
+}
 .icon-markup {
   position: absolute;
   display: block;
@@ -7557,9 +7561,6 @@ button.close {
   width: 60%;
   text-align: center;
 }
-.icon-unify {
-  display: block;
-}
 .icon-size-small {
   height: 16px;
   width: 16px;
@@ -12908,24 +12909,16 @@ iframe {
 .typo3-topbar-navigation-items .dropdown-list-link-edit,
 .typo3-topbar-navigation-items .dropdown-list-link-delete,
 .typo3-topbar-navigation-items .dropdown-list-link-close {
-  display: table;
   position: absolute;
   top: 0;
   bottom: 0;
   right: -8px;
   padding: 0;
   text-align: center;
+  line-height: 26px;
   width: 26px;
   height: 26px;
 }
-.typo3-topbar-navigation-items .dropdown-list-link-edit .t3-icon,
-.typo3-topbar-navigation-items .dropdown-list-link-delete .t3-icon,
-.typo3-topbar-navigation-items .dropdown-list-link-close .t3-icon {
-  display: table-cell;
-  margin: 0;
-  height: auto;
-  width: auto;
-}
 .typo3-topbar-navigation-items .dropdown-list-link-edit:hover,
 .typo3-topbar-navigation-items .dropdown-list-link-delete:hover,
 .typo3-topbar-navigation-items .dropdown-list-link-close:hover {