[BUGFIX] Tree icons are not displayed in Safari 36/42236/2
authorJosef Glatz <jousch@gmail.com>
Tue, 4 Aug 2015 08:08:24 +0000 (10:08 +0200)
committerAndreas Fernandez <typo3@scripting-base.de>
Tue, 4 Aug 2015 10:00:05 +0000 (12:00 +0200)
Open/Close icons are displayed again in Safari.

Change-Id: I2f08e787882f5dea659663de38572f874eae1f2e
Releases: master
Resolves: #68702
Reviewed-on: http://review.typo3.org/42236
Reviewed-by: Benjamin Kott <info@bk2k.info>
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
Reviewed-by: Ralf Merz <info@merzilla.de>
Tested-by: Ralf Merz <info@merzilla.de>
Reviewed-by: Andreas Fernandez <typo3@scripting-base.de>
Tested-by: Andreas Fernandez <typo3@scripting-base.de>
Build/Resources/Public/Less/TYPO3/_element_tree.less
typo3/sysext/t3skin/Resources/Public/Css/backend.css

index e184483..2fbd977 100644 (file)
                margin-left: ceil(-(@tree-control-icon-size / 2));
                width: @tree-control-icon-size;
                height: @tree-control-icon-size;
-               background-color: @tree-bg;
        }
        &:active,
        &:focus,
                display: inline-block;
                text-align: center;
                cursor: pointer;
+               &:before {
+                       width: @tree-control-icon-size;
+                       height: @tree-control-icon-size;
+                       background-color: @tree-bg;
+                       display: block;
+               }
        }
        &.list-tree-control-open > .fa:before {
                content: "\f0d7";
 //
 [id=imp-exp-mod] {
        .list-tree li:last-child:before,
-       .list-tree-control:before {
+       .list-tree-control > .fa:before {
                background-color: #f1f1f1;
        }
 }
 [id=typo3-browse-links-php] {
        .list-tree li:last-child:before,
-       .list-tree-control:before {
+       .list-tree-control > .fa:before {
                background-color: #ececec;
        }
 }
 [id=ext-backend-Modules-FileSystemNavigationFrame-index-php] {
        .list-tree li:last-child:before,
-       .list-tree-control:before {
+       .list-tree-control > .fa:before {
                background-color: #f5f5f5;
        }
        [id=typo3-inner-docbody] {
index 3fcd048..8589ef0 100644 (file)
@@ -10857,7 +10857,6 @@ div.t3-form-field-container:first-child .t3-form-field-label-flex {
   margin-left: -6px;
   width: 12px;
   height: 12px;
-  background-color: white;
 }
 .list-tree-control:active,
 .list-tree-control:focus,
@@ -10870,6 +10869,12 @@ div.t3-form-field-container:first-child .t3-form-field-label-flex {
   text-align: center;
   cursor: pointer;
 }
+.list-tree-control > .fa:before {
+  width: 12px;
+  height: 12px;
+  background-color: white;
+  display: block;
+}
 .list-tree-control.list-tree-control-open > .fa:before {
   content: "\f0d7";
 }
@@ -10898,15 +10903,15 @@ div.t3-form-field-container:first-child .t3-form-field-label-flex {
   padding-left: 0;
 }
 [id=imp-exp-mod] .list-tree li:last-child:before,
-[id=imp-exp-mod] .list-tree-control:before {
+[id=imp-exp-mod] .list-tree-control > .fa:before {
   background-color: #f1f1f1;
 }
 [id=typo3-browse-links-php] .list-tree li:last-child:before,
-[id=typo3-browse-links-php] .list-tree-control:before {
+[id=typo3-browse-links-php] .list-tree-control > .fa:before {
   background-color: #ececec;
 }
 [id=ext-backend-Modules-FileSystemNavigationFrame-index-php] .list-tree li:last-child:before,
-[id=ext-backend-Modules-FileSystemNavigationFrame-index-php] .list-tree-control:before {
+[id=ext-backend-Modules-FileSystemNavigationFrame-index-php] .list-tree-control > .fa:before {
   background-color: #f5f5f5;
 }
 [id=ext-backend-Modules-FileSystemNavigationFrame-index-php] [id=typo3-inner-docbody] {