Fixed bug #16758: Fix space beetween page tree nodes

git-svn-id: https://svn.typo3.org/TYPO3v4/Core/trunk@9843 709f56b5-9817-0410-a4d7-c38de5d9e867

diff --git a/ChangeLog b/ChangeLog
index 4ac8529..deea5da 100755 (executable)
--- a/ChangeLog
+++ b/ChangeLog
@@ -33,6 +33,7 @@
 
        * Fixed bug #16725: Wrong translation markers in Content Element Image (Thanks to Thomas Kieslich)
        * Fixed bug #14564: Width of one text paragraph in the Install Tool is too big (Thanks to Marc Wöhlken)
+       * Fixed bug #16758: Fix space beetween page tree nodes
 
 2010-12-17  Francois Suter  <francois.suter@typo3.org>
 

diff --git a/typo3/sysext/t3skin/stylesheets/structure/element_tree.css b/typo3/sysext/t3skin/stylesheets/structure/element_tree.css
index 42d8dec..3ce7d71 100644 (file)
--- a/typo3/sysext/t3skin/stylesheets/structure/element_tree.css
+++ b/typo3/sysext/t3skin/stylesheets/structure/element_tree.css
@@ -88,6 +88,18 @@ ul.tree div.treeLinkItem {
        height: 16px;
        padding-right: 2px;
 }
+
+/* active tree items, we have to work against the border: 1px here,
+   otherwise tree elements would take too much space */
+ul.tree li.active div.treeLinkItem {
+       margin: -1px 0 -1px -1px;
+}
+
+/* subitems of active tree items - reset styling */
+ul.tree li.active li div.treeLinkItem {
+       margin: 0;
+}
+
 span.dragIcon {
        display: inline-block;
        height: 16px;

diff --git a/typo3/sysext/t3skin/stylesheets/visual/element_tree.css b/typo3/sysext/t3skin/stylesheets/visual/element_tree.css
index 2e969db..cdc8026 100644 (file)
--- a/typo3/sysext/t3skin/stylesheets/visual/element_tree.css
+++ b/typo3/sysext/t3skin/stylesheets/visual/element_tree.css
@@ -100,25 +100,27 @@ ul.tree ul li {
 }
 
 ul.tree ul li.expanded ul {
-       background: transparent url('../../icons/gfx/ol/line.gif') 1px top repeat-y;
+       background: transparent url('../../icons/gfx/ol/line.gif') left top repeat-y;
 }
 
 ul.tree ul li.last > ul {
        background: none;
 }
 
-ul.tree div.treeLinkItem {
-       border-bottom: 1px solid transparent;
-       border-left: 1px solid transparent;
-       border-top: 1px solid transparent;
+/* active tree items */
+ul.tree li.active div.treeLinkItem {
+       background-color: #f8f8f8;
+       border-color: #d7d7d7;
+       border-width: 1px 0 1px 1px;
+       border-style: solid;
+
 }
 
-ul.tree li.active > div.treeLinkItem,
-ul.tree ul li.active > div.treeLinkItem {
-       background-color: #f8f8f8;
-       border-bottom: 1px solid #d7d7d7;
-       border-left: 1px solid #d7d7d7;
-       border-top: 1px solid #d7d7d7;
+/* subitems of active tree items - reset styling */
+ul.tree li.active li div.treeLinkItem {
+       background-color: transparent;
+       border-width: 0;
+
 }
 
 ul.tree li.active span a,