added feature #7323: New Styling for Module Menu
authorIngo Renner <ingo.renner@typo3.org>
Fri, 1 Feb 2008 10:46:30 +0000 (10:46 +0000)
committerIngo Renner <ingo.renner@typo3.org>
Fri, 1 Feb 2008 10:46:30 +0000 (10:46 +0000)
git-svn-id: https://svn.typo3.org/TYPO3v4/Core/trunk@3004 709f56b5-9817-0410-a4d7-c38de5d9e867

ChangeLog
typo3/classes/class.modulemenu.php
typo3/js/modulemenu.js
typo3/sysext/t3skin/ext_tables.php
typo3/sysext/t3skin/icons/gfx/arrowdown.gif [new file with mode: 0644]
typo3/sysext/t3skin/icons/gfx/arrowleft.gif [new file with mode: 0644]
typo3/sysext/t3skin/icons/gfx/arrowright.gif [new file with mode: 0644]
typo3/sysext/t3skin/icons/gfx/arrowup.gif [new file with mode: 0644]
typo3/sysext/t3skin/stylesheets/backend-scaffolding.css [new file with mode: 0644]
typo3/sysext/t3skin/stylesheets/modulemenu.css

index 9a0e658..d9b46d9 100755 (executable)
--- a/ChangeLog
+++ b/ChangeLog
@@ -1,33 +1,35 @@
-2008-01-31  Kasper Sk\8crh¿j <kasper2008@typo3.com>
-       
+2008-02-01  Ingo Renner  <ingo@typo3.org>
+
+       * added feature #7323: New Styling for Module Menu
+
+2008-01-31  Kasper Sk�rh�j <kasper2008@typo3.com>
+
        * Bugfixes to MM-relations, among other in workspaces (Bugs 3531 / 3907 solved)
 
        class.t3lib_tcemain.php
        - Most importantly - and depending on changes in class.t3lib_loaddbgroup.php - is that MM-relations are now swapped when publishing in a workspace. This bug has been known as #3531 and #3907 for a while.
        - Fixed old bug that MM-relations wouldn't get remapped to new elements that were are part of a copy operation ($theUidToUpdate => $MM_localUid)
        - Fixed that MM-relations added to a new unsaved record in a workspace would get attached to the live version of the record (change in dbAnalysisStoreExec())
-       
+
        class.t3lib_loaddbgroup.php
-       - Fixed several bugs related to MM-relations: 
+       - Fixed several bugs related to MM-relations:
        - The feature "multiple" didn't work after bidir-mm was implemented. This is now fixed but requires that the MM table gets a real UID field. This can be configured with the TCA options "MM_hasUidField" (See TYPO3 Core API)
        - With bidir-MM relations the reference index on the "native" side is now updated when "opposite side" relations are edited. (The only known problem for this is when workspaces publishes such a record, then the ref. index is not updated for "opposite side" fields. It's considered low-importance for now. If you depend on the reference index, update it nightly with cronjobs.)
 
 
-2008-01-31  Kasper Sk\8crh¿j <kasper2008@typo3.com>
-
        * - Cleaner was updated to sort output - makes better diff-views now.
        * - Added feature to configure the TTL for preview links in workspaces.
-       * - Added logout button for the preview box in the frontend view when previewing workspaces through preview links.      
+       * - Added logout button for the preview box in the frontend view when previewing workspaces through preview links.
        * - Removed copy/cut/pasteafter/delete from context menu of DB mounts. Could lead to confusing scenarios for admin users in workspaces.
        * - Added TCA feature in [ctrl][versioningWS_alwaysAllowLiveEdit] allowed to permanently set records to be edited directly. This enables that backend users can still be edited while in a workspace. Convenient for admins.
        * - Also, the User Admin module is now available in draft workspaces
        * tcemain:
        - Fixed bug in flexform traversal that resulted in the new DHTML powered flexforms to fail.
-       - Notification emails for raising stages of versions has been modified with new features; Custom message, one-message only per instance (if multiple elements are raised in one time), 
+       - Notification emails for raising stages of versions has been modified with new features; Custom message, one-message only per instance (if multiple elements are raised in one time),
        * Fixed bug related to workspaces; When previewing a page in workspaces, any page in the root line being hidden (online or offline version) would result in a "Template not found" error. (t3lib_page)
        * - Fixed trivial bug in view_array(): With empty arrays table-end tag were not applied. (class.t3lib_div)
        * - (trivial) changed arraybrowser so also array keys are included in the search. [class.t3lib_arraybrowser.php + lowlevel/config/index.php]
-       
+
 2008-01-31  Jeff Segars  <jeff@webempoweredchurch.org>
 
        * Fixed bug #7202: Debug renders incomplete table with empty arrays. Thanks to Stefan Geith.
@@ -51,7 +53,7 @@
        * Fixed bug #5013: htmlArea RTE Editor not working in Firefox 3.0 Granparadiso
        * Added feature #7318: In htmlArea RTE, text direction should be set with the dir attribute
 
-2008-01-28  Kasper Sk\8crh¿j <kasper2008@typo3.com>
+2008-01-28  Kasper Sk�rh�j <kasper2008@typo3.com>
 
        * (minor) Fixed bug: "typo3/js/workspaces.js" was corrected to "js/workspaces.js" in class.workspaceselector.php
 
@@ -76,7 +78,7 @@
        * fixed style sheet overwriting from skinning extensions in backend.php
        * made tables in Web->List view fill the whole document by adding css style width of 98%
        * updated prototype to 1.6.0.2
-       * fixed bug #7270: Shortcut menu does not load user's shortcuts if user is not admin, credits Stig Nørgaard Færch
+       * fixed bug #7270: Shortcut menu does not load user's shortcuts if user is not admin, credits Stig N�rgaard F�rch
        * fixed bug #7256: highlight matching curly brackets, credits Tobias Liebig
        * fixed bug #6834: Wrong syntax highlighting in wrong context, credits Tobias Liebig
        * fixed bug #7255: implement "auto-closing brackets", credits Tobias Liebig
        * Fixed bug #5347: Flexforms dosen't resolve sheets
        * Fixed bug #3969: Missing sheets inclusion in flexforms?
 
-2007-10-28  Kasper Skårhøj  <kasperYYYY@typo3.com>
+2007-10-28  Kasper Sk�rh�j  <kasperYYYY@typo3.com>
 
        * - Reverting IRRE related changes in t3lib_BEfunc done for workspaces by Dmitry. They were faulty.
        * - Modified rendering of FlexForms in t3lib_TCEforms and also processing in t3lib_tcemain so that flexforms are now fully dynamic in their nature; This is particularly the case when flexforms have sections and containers within (see the original movie-list example for instance). DHTML is used to reorganize flexform elements, delete and add new. No ajax though (not necessary). It means we finally have a permanent implementation for what was before "_DELETE_FLEX_FORM" etc buttons... Used scriptaculous and prototype for the work.
index 1365420..75466b5 100644 (file)
@@ -147,8 +147,7 @@ class ModuleMenu {
                                $moduleLabel = '<a href="#" onclick="top.goToModule(\''.$moduleData['name'].'\');'.$onBlur.'return false;">'.$moduleLabel.'</a>';
                        }
 
-                               //TODO make icon a background image using css
-                       $menu .= '<li id="'.$moduleKey.'" class="menuSection" title="'.$moduleData['description'].'"><div>'.$moduleData['icon']['html'].' '.$moduleLabel.'</div>';
+                       $menu .= '<li id="'.$moduleKey.'" class="menuSection" title="'.$moduleData['description'].'"><div class="'.($menuState ? 'collapsed' : 'expanded').'">'.$moduleData['icon']['html'].' '.$moduleLabel.'</div>';
 
                                // traverse submodules
                        if(is_array($moduleData['subitems'])) {
index 5fa6549..6891d7e 100644 (file)
@@ -72,8 +72,12 @@ var ModuleMenu = Class.create({
 
                if(state) {
                        Effect.BlindUp(subModulesMenu, {duration : 0.1});
+                       $(mainModuleHeader).removeClassName('expanded');
+                       $(mainModuleHeader).addClassName('collapsed');
                } else {
                        Effect.BlindDown(subModulesMenu, {duration : 0.1});
+                       $(mainModuleHeader).removeClassName('collapsed');
+                       $(mainModuleHeader).addClassName('expanded');
                }
        },
 
index b482d02..16ecacf 100644 (file)
@@ -78,8 +78,9 @@ if (TYPO3_MODE=='BE') {
        #       $TBE_STYLES['stylesheet2'] = $temp_eP.'stylesheets/stylesheet.css';                                                                             // Additional stylesheet (not used by default).  Set BEFORE any in-document styles
        $TBE_STYLES['styleSheetFile_post'] = $temp_eP.'stylesheets/stylesheet_post.css';                                                                // Additional stylesheet. Set AFTER any in-document styles
        #       $TBE_STYLES['inDocStyles_TBEstyle'] = '* {text-align: right;}';                                                                         // Additional default in-document styles.
-       $TBE_STYLES['stylesheets']['modulemenu'] = $temp_eP.'stylesheets/modulemenu.css';
-       $TBE_STYLES['stylesheets']['backend-style'] = $temp_eP.'stylesheets/backend-style.css';
+       $TBE_STYLES['stylesheets']['modulemenu']          = $temp_eP.'stylesheets/modulemenu.css';
+       $TBE_STYLES['stylesheets']['backend-scaffolding'] = $temp_eP.'stylesheets/backend-scaffolding.css';
+       $TBE_STYLES['stylesheets']['backend-style']       = $temp_eP.'stylesheets/backend-style.css';
 
        // Alternative dimensions for frameset sizes:
        $TBE_STYLES['dims']['leftMenuFrameW']=140;              // Left menu frame width
diff --git a/typo3/sysext/t3skin/icons/gfx/arrowdown.gif b/typo3/sysext/t3skin/icons/gfx/arrowdown.gif
new file mode 100644 (file)
index 0000000..4fd4dc5
Binary files /dev/null and b/typo3/sysext/t3skin/icons/gfx/arrowdown.gif differ
diff --git a/typo3/sysext/t3skin/icons/gfx/arrowleft.gif b/typo3/sysext/t3skin/icons/gfx/arrowleft.gif
new file mode 100644 (file)
index 0000000..ff3cc7b
Binary files /dev/null and b/typo3/sysext/t3skin/icons/gfx/arrowleft.gif differ
diff --git a/typo3/sysext/t3skin/icons/gfx/arrowright.gif b/typo3/sysext/t3skin/icons/gfx/arrowright.gif
new file mode 100644 (file)
index 0000000..21b38ee
Binary files /dev/null and b/typo3/sysext/t3skin/icons/gfx/arrowright.gif differ
diff --git a/typo3/sysext/t3skin/icons/gfx/arrowup.gif b/typo3/sysext/t3skin/icons/gfx/arrowup.gif
new file mode 100644 (file)
index 0000000..f7885ca
Binary files /dev/null and b/typo3/sysext/t3skin/icons/gfx/arrowup.gif differ
diff --git a/typo3/sysext/t3skin/stylesheets/backend-scaffolding.css b/typo3/sysext/t3skin/stylesheets/backend-scaffolding.css
new file mode 100644 (file)
index 0000000..11f9c65
--- /dev/null
@@ -0,0 +1,24 @@
+/* - - - - - - - - - - - - - - - - - - - - -
+
+Title  : TYPO3 backend styles
+Author : Ingo Renner <ingo@typo3.org>
+URL    : http://typo3.org
+
+Description : styles the TYPO3 backend, should only contain layout styles, no colors or border or so
+
+
+       $Id$
+
+- - - - - - - - - - - - - - - - - - - - - */
+
+
+/* - - - - - - - - - - - - - - - - - - - - -
+
+TYPO3 backend scaffolding
+
+- - - - - - - - - - - - - - - - - - - - - */
+
+#typo3-logo,
+#typo3-side-menu {
+       width: 139px;
+}
\ No newline at end of file
index 46825f7..9c935a8 100644 (file)
@@ -17,12 +17,75 @@ TYPO3 backend menu - vertical
 
 - - - - - - - - - - - - - - - - - - - - - */
 
-#typo3-menu li ul li {
-       height: 16px;
-       line-height: 16px;
+#typo3-side-menu {
+       border-right: 1px solid #ddd;
+       background: #edeeee;
 }
 
 #typo3-menu li.menuSection li:hover,
 #typo3-menu li.highlighted {
        background-color: #d7dbe2;
 }
+
+#typo3-menu li ul {
+       margin-bottom: 5px;
+}
+
+#typo3-menu li div {
+       font-size: 11px;
+       color: #505d6d;
+       border: none;
+       background-color: inherit;
+       padding: 2px 0px 4px 16px;
+       margin: 8px 0px 2px 4px;
+       height: auto;
+       width: auto;
+       overflow: hidden;
+}
+
+#typo3-menu li div.collapsed {
+       background-image: url(../icons/gfx/arrowright.gif);
+       background-repeat: no-repeat;
+}
+
+#typo3-menu li div.expanded {
+       background-image: url(../icons/gfx/arrowdown.gif);
+       background-repeat: no-repeat;
+}
+
+#typo3-menu div.expanded,
+#typo3-menu div.collapsed {
+       border-bottom: 1px solid #ddd;
+       margin-left: 0px;
+}
+
+#typo3-menu li div img {
+       display: none;
+}
+
+#typo3-menu li img {
+       vertical-align: baseline;
+}
+
+#typo3-menu li span {
+       margin-top: 1px;
+       display: block;
+}
+
+#typo3-menu li a {
+       display: block;
+}
+
+#typo3-menu li ul li {
+       height: 16px;
+       line-height: 16px;
+       margin-left: 0px;
+       width: auto;
+}
+
+#typo3-menu li ul li a {
+       padding-left: 13px;
+}
+
+
+