[TASK] Docheader drop-shadow 08/21808/2
authorFelix Kopp <felix-source@phorax.com>
Tue, 2 Jul 2013 14:57:46 +0000 (16:57 +0200)
committerWouter Wolters <typo3@wouterwolters.nl>
Tue, 2 Jul 2013 15:26:00 +0000 (17:26 +0200)
Crisps up sections by removing Docheader drop shadow.
Improves hierarchy: Strips docheader from module menu.

Change-Id: I96ceaa4c2080740a77704c57a453165debf1d036
Resolves: #49597
Releases: 6.2
Reviewed-on: https://review.typo3.org/21808
Reviewed-by: Christian Kuhn
Tested-by: Christian Kuhn
Reviewed-by: Wouter Wolters
Tested-by: Wouter Wolters
typo3/sysext/backend/Resources/Public/JavaScript/modulemenu.js
typo3/sysext/t3skin/extjs/xtheme-t3skin.css
typo3/sysext/t3skin/images/backgrounds/module-menu-right-top.png [deleted file]
typo3/sysext/t3skin/images/shadows/docheader1.png [deleted file]
typo3/sysext/t3skin/images/shadows/docheader2.png [deleted file]
typo3/sysext/t3skin/stylesheets/structure/module_menu.css
typo3/sysext/t3skin/stylesheets/visual/element_docheader.css
typo3/sysext/t3skin/stylesheets/visual/element_tree.css

index f0c28fb..4125d32 100644 (file)
@@ -68,10 +68,6 @@ TYPO3.ModuleMenu.Store = new Ext.data.JsonStore({
 });
 
 TYPO3.ModuleMenu.Template = new Ext.XTemplate(
-               '<div id="typo3-docheader">',
-               '       <div class="typo3-docheader-functions">',
-               '       </div>',
-               '</div>',
                '<ul id="typo3-menu">',
                '<tpl for=".">',
                '       <li class="menuSection" id="{key}">',
index 08a00a5..f00217b 100644 (file)
@@ -2278,19 +2278,15 @@ body.ext-chrome #typo3-navigationContainer-xsplit {
 #typo3-navigationDummy {
        background-color: #ebebeb;
        -moz-box-shadow:
-               inset -2px 0 1px rgba(0, 0, 0, 0.15),
                inset 0 27px #585858,
                inset 0 49px #dadada;
        -ms-box-shadow:
-               inset -2px 0 1px rgba(0, 0, 0, 0.15),
                inset 0 27px #585858,
                inset 0 49px #dadada;
        -webkit-box-shadow:
-               inset -2px 0 1px rgba(0, 0, 0, 0.15),
                inset 0 27px #585858,
                inset 0 49px #dadada;
        box-shadow:
-               inset -2px 0 1px rgba(0, 0, 0, 0.15),
                inset 0 27px #585858,
                inset 0 49px #dadada;
        overflow: visible;
diff --git a/typo3/sysext/t3skin/images/backgrounds/module-menu-right-top.png b/typo3/sysext/t3skin/images/backgrounds/module-menu-right-top.png
deleted file mode 100644 (file)
index 5fe4ec3..0000000
Binary files a/typo3/sysext/t3skin/images/backgrounds/module-menu-right-top.png and /dev/null differ
diff --git a/typo3/sysext/t3skin/images/shadows/docheader1.png b/typo3/sysext/t3skin/images/shadows/docheader1.png
deleted file mode 100644 (file)
index 3afab0a..0000000
Binary files a/typo3/sysext/t3skin/images/shadows/docheader1.png and /dev/null differ
diff --git a/typo3/sysext/t3skin/images/shadows/docheader2.png b/typo3/sysext/t3skin/images/shadows/docheader2.png
deleted file mode 100644 (file)
index 97a21da..0000000
Binary files a/typo3/sysext/t3skin/images/shadows/docheader2.png and /dev/null differ
index 48f2970..26e2670 100644 (file)
@@ -3,7 +3,7 @@ Module menu
 - - - - - - - - - - - - - - - - - - - - - */
 
 #typo3-menu {
-       padding-top: 24px;
+       padding-top: 25px;
 }
 
 #typo3-module-menu .x-panel-body {
index ebcdf8a..28e898f 100644 (file)
        cursor: pointer;
 }
 
-/* Customized docheader style for module menu and tree frames */
-.typo3-docheader-functions {
-       -moz-box-shadow: inset -2px 0 1px #414141;
-       -ms-box-shadow: inset -2px 0 1px #414141;
-       -webkit-box-shadow: inset -2px 0 1px #414141;
-       box-shadow: inset -2px 0 1px #414141;
-}
-
-.typo3-docheader-buttons {
-       -moz-box-shadow: inset -2px 0 1px #b7b7b7;
-       -ms-box-shadow: inset -2px 0 1px #b7b7b7;
-       -webkit-box-shadow: inset -2px 0 1px #b7b7b7;
-       box-shadow: inset -2px 0 1px #b7b7b7;
-}
-
-/**
- * Shadows of the docheader in module menu and tree frames,
- * fallback for missing box-shadow support.
- *
- * @see modernizr.js
- */
-.no-boxshadow .typo3-docheader-functions {
-       background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAMAAAAsPuSGAAAACVBMVEVGRkZAQEBRUVH4z1uMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAxJREFUCNdjYGJgBAAACwAEhbbR0wAAAABJRU5ErkJggg==");
-       /* star-hack targets IE7 */
-       *background-image: url("../../images/backgrounds/module-menu-right-top.png");
-       background-position: right;
-       background-repeat: repeat-y;
-}
-
-.no-boxshadow .typo3-docheader-functions .right {
-       background-image: url("data:image/png;base64,R0lGODlhAgABAIAAAMjIyLOzsyH5BAAAAAAALAAAAAACAAEAAAICRAoAOw==");
-       /* star-hack targets IE7 */
-       *background-image: url("../../images/backgrounds/module-menu-right.png");
-       background-position: right;
-       background-repeat: repeat-y;
-}
-
 /**
  * Fail-safe for non-core legacy extensions
  * @deprecated with TYPO3 version 6.0, will be removed with 6.2
index d673dbe..a837a6f 100644 (file)
@@ -27,23 +27,6 @@ body#typo3-alt-file-navframe-php {
        *background-image: url("../../images/shadows/navigation-container.png");
 }
 
-#typo3-alt-file-navframe-php #typo3-docheader-row1,
-#typo3-pagetree-topPanelItems,
-#typo3-pagetree .x-panel-tbar,
-#typo3-pagetree-deletionDropZone .x-panel-body {
-       background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGElEQVR42gENAPL/AEBAQExAQECzQEBA/xb3BD8CHBN0AAAAAElFTkSuQmCC");
-       /* star-hack targets IE7 */
-       *background-image: url("../../images/shadows/docheader1.png");
-}
-
-#typo3-alt-file-navframe-php #typo3-docheader-row2,
-.typo3-pagetree-indicatorBar-item,
-#typo3-pagetree-topPanel .typo3-pagetree-topPanel-item {
-       background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAAGElEQVR42gENAPL/ALi4uEy4uLi0uLi4/zSECHijpwMGAAAAAElFTkSuQmCC");
-       /* star-hack targets IE7 */
-       *background-image: url("../../images/shadows/docheader2.png");
-}
-
 table#typo3-tree a {
        text-decoration: none;
 }