From e5d92a93f69e89bd6698ad3c9bc2bf8e58bec10d Mon Sep 17 00:00:00 2001 From: Steffen Gebert Date: Fri, 17 Dec 2010 22:11:57 +0000 Subject: [PATCH] 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 --- ChangeLog | 1 + .../stylesheets/structure/element_tree.css | 12 ++++++++++ .../stylesheets/visual/element_tree.css | 24 ++++++++++--------- 3 files changed, 26 insertions(+), 11 deletions(-) diff --git a/ChangeLog b/ChangeLog index 4ac85294edd..deea5daeb76 100755 --- 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 diff --git a/typo3/sysext/t3skin/stylesheets/structure/element_tree.css b/typo3/sysext/t3skin/stylesheets/structure/element_tree.css index 42d8dec1fae..3ce7d712936 100644 --- 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 2e969db6f45..cdc8026d229 100644 --- 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, -- 2.20.1