[FEATURE] Become spacious: increase spaces 94/20894/2
authorFelix Kopp <felix-source@phorax.com>
Sat, 18 May 2013 11:49:20 +0000 (13:49 +0200)
committerChristian Kuhn <lolli@schwarzbu.ch>
Sat, 18 May 2013 16:56:24 +0000 (18:56 +0200)
Backend had been dense for a long time. With larger screens come
more opportunities. Increases vertical and horizontal spaces.

On our way to a backend with less clutter and more space this
is the initial spark.

This patch follows the 12px backend grid raster.

Change-Id: I350a772ee2a52b8b5aed18dbdd44f340b9c17950
Resolves: #48376
Releases: 6.2
Reviewed-on: https://review.typo3.org/20894
Reviewed-by: Philipp Gampe
Tested-by: Philipp Gampe
Reviewed-by: Wouter Wolters
Tested-by: Wouter Wolters
Reviewed-by: Christian Kuhn
Tested-by: Christian Kuhn
14 files changed:
typo3/sysext/beuser/Resources/Public/Css/style.css
typo3/sysext/t3skin/stylesheets/structure/element_docheader.css
typo3/sysext/t3skin/stylesheets/structure/element_pagetree.css
typo3/sysext/t3skin/stylesheets/structure/main_body.css
typo3/sysext/t3skin/stylesheets/structure/main_content.css
typo3/sysext/t3skin/stylesheets/structure/module_file_list.css
typo3/sysext/t3skin/stylesheets/structure/module_menu.css
typo3/sysext/t3skin/stylesheets/structure/module_web_list.css
typo3/sysext/t3skin/stylesheets/structure/module_web_list_sysnote.css
typo3/sysext/t3skin/stylesheets/structure/toolbar.css
typo3/sysext/t3skin/stylesheets/structure/topbar.css
typo3/sysext/t3skin/stylesheets/visual/module_menu.css
typo3/sysext/taskcenter/res/mod_styles.css
typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateModuleController.php

index 54ced77..7ea54b1 100755 (executable)
@@ -5,6 +5,7 @@
 #compareUsers { margin-bottom: 10px; }
 
 div.collapsibleSection { background-color: #ededed; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding: 12px; margin-bottom: 24px; }
+       #typo3-docbody div.collapsibleSection form { margin-bottom: 0; }
 
 #tx_beuser_compare td { min-width: 170px; }
 
index 74b9526..730d715 100644 (file)
@@ -6,13 +6,13 @@
        color: #dadada;
        height: 27px;
        line-height: 27px;
-       padding: 0 12px;
+       padding: 0 24px;
        overflow: hidden;
 }
 .typo3-docheader-buttons {
        color: #000;
        height: 16px;
-       padding: 3px 12px;
+       padding: 3px 24px;
        overflow: hidden;
 }
 
index 5ae1893..ecb76b6 100644 (file)
@@ -53,7 +53,7 @@ Pagetree
 }
 
 #typo3-pagetree ul.x-tree-root-ct {
-       padding-top: 15px;
+       padding-top: 24px;
        margin-bottom: 50px;
 }
 
index 7ebb4f8..7866155 100644 (file)
@@ -56,7 +56,8 @@ div#typo3-docbody {
 }
 
 div#typo3-inner-docbody {
-       padding: 15px 12px;
+       padding: 24px;
+       margin-top: 0;
 }
 
 /* Fix for IE 7 */
index f04a73b..d7791e9 100644 (file)
@@ -75,9 +75,11 @@ a span {
 
 /* Reformatting of the submit buttons */
 form {
-       margin: 0px;
+       margin: 0;
 }
 
+#typo3-docbody form { margin-bottom: 24px; }
+
 input[type="submit"],
 input[type="reset"],
 input[type="button"] {
index 0417065..f249718 100644 (file)
@@ -4,8 +4,8 @@ File > List
 - - - - - - - - - - - - - - - - - - - - - */
 
 table#typo3-filelist {
-       margin-top: 10px;
-       width: 98%;
+       margin-top: 24px;
+       width: 100%;
 }
 
 table#typo3-filelist img {
index 87e37ae..e1c6378 100644 (file)
@@ -4,7 +4,7 @@ Module menu
 - - - - - - - - - - - - - - - - - - - - - */
 
 #typo3-menu {
-       padding-top: 15px;
+       padding-top: 24px;
 }
 
 #typo3-module-menu .x-panel-body {
@@ -16,10 +16,18 @@ Module menu
        margin: 0;
 }
 
+#typo3-menu > li {
+       margin-bottom: 6px;
+}
+
 #typo3-menu li {
        clear: both;
        padding-bottom: 1px;
-       margin-bottom: 0;
+}
+
+#typo3-menu li div.modgroup {
+       padding-left: 24px;
+       margin-bottom: 3px;
 }
 
 #typo3-menu li a {
@@ -46,7 +54,7 @@ Module menu
 }
 
 #typo3-menu li ul {
-       margin-bottom: 5px;
+       margin-bottom: 6px;
 }
 
 #typo3-menu li ul li {
@@ -56,7 +64,7 @@ Module menu
 #typo3-menu li ul li a {
        display: block;
        margin-bottom: 1px;
-       padding: 3px 0 3px 15px;
+       padding: 3px 0 3px 24px;
        white-space: nowrap;
 }
 
index 911a69f..7753364 100644 (file)
@@ -4,7 +4,7 @@ Web > List
 - - - - - - - - - - - - - - - - - - - - - */
 
 table.typo3-dblist {
-       margin-bottom: 10px;
+       margin-bottom: 12px;
        width: 100%;
 }
 
@@ -162,8 +162,7 @@ input.smallCheckboxes {
 }
 
 div#typo3-listOptions {
-       margin: 10px 0px 10px 0px;
-       width: 93%;
+       margin: 0 0 24px 0;
 }
 
 div#typo3-dblist-pagination {
index 4c3779e..7fd60c1 100644 (file)
@@ -3,7 +3,7 @@
 }
 
 #typo3-dblist-sysnotes .single-note {
-       margin-bottom:10px;
+       margin-bottom: 12px;
 }
 
 #typo3-dblist-sysnotes .single-note .header {
index 92547b9..6b1c5e5 100644 (file)
@@ -5,7 +5,7 @@ Toolbar inside the Topbar
 
 .typo3-top-toolbar {
        margin-top: 6px;
-       padding-right: 12px;
+       padding-right: 24px;
        position: absolute;
        right: 0px;
 }
index 0e32a0c..09a48e1 100644 (file)
@@ -13,10 +13,11 @@ Topbar (whole upper area), containts Logo and toolbar
 
 #typo3-top-container {
        height: 100%;
+       padding: 0 24px 0 16px;
 }
 
 #typo3-logo {
-       margin: 8px 0 0 6px;
-       padding: 1px 0px 0px 10px;
+       margin: 8px 0 0 0;
+       padding: 1px 0 0 0;
        width: 159px;
 }
\ No newline at end of file
index fd2d660..96023a4 100644 (file)
@@ -77,22 +77,11 @@ Module menu
 #typo3-menu li div.modgroup {
        color: #252524;
        cursor: pointer;
+       font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
 }
 
-#typo3-menu li div.collapsed {
-       background-image: url('../../images/arrows/module-menu-right.png');
-       background-position: 5px 5px;
-       background-repeat: no-repeat;
-}
-
-#typo3-menu li div.expanded {
-       background-image: url('../../images/arrows/module-menu-down.png');
-       background-position: 4px 7px;
-       background-repeat: no-repeat;
-}
-
 #typo3-menu li ul li {
        cursor: pointer;
        font-weight: normal;
index 1d494ba..ba2c8f8 100644 (file)
@@ -6,11 +6,11 @@ body#ext-taskcenter-task-index-php {
 }
 
 body#ext-taskcenter-task-index-php div#typo3-docbody {
-       top: 60px;
+       top: 50px;
 }
 
 body#ext-taskcenter-task-index-php div#typo3-inner-docbody {
-       padding: 0 10px;
+       padding: 24px;
        height: 100%;
 }
 
@@ -43,7 +43,7 @@ body#ext-taskcenter-task-index-php h3 {
        position: absolute;
        margin-left: 270px;
        margin-right: 20px;
-       top: 0;
+       top: 24px;
        min-width: 300px;
 }
 
index 13a55ff..21b740e 100644 (file)
@@ -157,7 +157,7 @@ class TypoScriptTemplateModuleController extends \TYPO3\CMS\Backend\Module\BaseS
                </script>
                ';
                        $this->doc->inDocStylesArray[] = '
-                               TABLE#typo3-objectBrowser { width: 100%; }
+                               TABLE#typo3-objectBrowser { width: 100%; margin-bottom: 24px; }
                                TABLE#typo3-objectBrowser A { text-decoration: none; }
                                TABLE#typo3-objectBrowser .comment { color: maroon; font-weight: bold; }
                                TABLE#ts-analyzer { width: 100% }