[BUGFIX] Visual regressions and unifications in Backend 41/33341/2
authorFelix Kopp <felix-source@phorax.com>
Thu, 16 Oct 2014 21:39:31 +0000 (23:39 +0200)
committerWouter Wolters <typo3@wouterwolters.nl>
Fri, 17 Oct 2014 16:47:57 +0000 (18:47 +0200)
Unifies tables in documentation, web>info page info + language,
scheduler edit and typoscript object browser.

Also due to the introduction of Bootstrap and refactoring of
t3skin/CSS several views broke. Fixes these.

Removes the FontAwesome save button for now.

Resolves: #62275
Releases: master
Change-Id: I545a24a4664b0f56b2b1d8a4a24aa312b0cc4ded
Reviewed-on: http://review.typo3.org/33341
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
Reviewed-by: Wouter Wolters <typo3@wouterwolters.nl>
Tested-by: Wouter Wolters <typo3@wouterwolters.nl>
20 files changed:
typo3/contrib/jquery/jquery.clearable.css
typo3/sysext/backend/Classes/View/PageLayoutView.php
typo3/sysext/documentation/Resources/Private/Scss/main.scss
typo3/sysext/documentation/Resources/Private/Scss/page/_base.scss
typo3/sysext/documentation/Resources/Private/Scss/page/_download.scss
typo3/sysext/documentation/Resources/Private/Scss/page/_get.scss [deleted file]
typo3/sysext/documentation/Resources/Private/Templates/Document/Download.html
typo3/sysext/documentation/Resources/Private/Templates/Document/List.html
typo3/sysext/documentation/Resources/Public/Css/main.css
typo3/sysext/extensionmanager/Resources/Private/Scss/page/_base.scss
typo3/sysext/extensionmanager/Resources/Public/Css/main.css
typo3/sysext/frontend/Classes/Controller/TranslationStatusController.php
typo3/sysext/scheduler/Classes/Controller/SchedulerModuleController.php
typo3/sysext/scheduler/Resources/Public/StyleSheets/main.css
typo3/sysext/t3skin/Classes/Slot/IconUtility.php
typo3/sysext/t3skin/Resources/Private/Public/Styles/_module_web_new_element.css [deleted file]
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_docheader.less
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_info.less
typo3/sysext/t3skin/Resources/Public/Css/visual/t3kin.css
typo3/sysext/tstemplate/Classes/Controller/TypoScriptTemplateObjectBrowserModuleFunctionController.php

index 9dda0b5..4413d88 100644 (file)
@@ -8,12 +8,11 @@
 }
 
 .t3-clearable {
-       height: 17px;
        padding-right: 15px;
 }
 
 .t3-clearable-wrapper .t3-tceforms-input-clearer {
        position: absolute;
-       right: 10px;
-       top: 6px;
+       right: 5px;
+       top: 5px;
 }
index 219008b..76a9676 100644 (file)
@@ -365,9 +365,14 @@ class PageLayoutView extends \TYPO3\CMS\Recordlist\RecordList\AbstractDatabaseRe
                        $this->oddColumnsCssClass = '';
                        // CSH:
                        $out = BackendUtility::cshItem($this->descrTable, ('func_' . $pKey), $GLOBALS['BACK_PATH']) . '
-                               <table border="0" cellpadding="0" cellspacing="0" class="typo3-page-pages">
-                                       ' . $this->addelement(1, '', $theData, ' class="t3-row-header"', 20) . $out . '
-                               </table>';
+                               <table class="t3-table typo3-page-pages">' .
+                                       '<thead>' .
+                                               $this->addelement(1, '', $theData) .
+                                       '</thead>' .
+                                       '<tbody>' .
+                                               $out .
+                                       '</tbody>' .
+                               '</table>';
                }
                $this->oddColumnsCssClass = '';
                return $out;
index 10322ab..88aa361 100644 (file)
@@ -12,6 +12,4 @@
 
 // Appearance of the page
 @import "page/base",
-               "page/download",
-               "page/get";
-
+               "page/download";
\ No newline at end of file
index 411a23e..84baa31 100644 (file)
@@ -6,12 +6,6 @@
        font-weight: normal;
 }
 
-.dataTable {
-       border-right: 1px solid #a2aab8;
-       border-bottom: 1px solid #a2aab8;
-       border-left: 1px solid #a2aab8;
-}
-
 .dataTables_info {
        font-size: 10px;
        color: #444;
        width: auto;
 }
 
-.typo3-documentation-list {
-       width: 100%;
-}
-
-.typo3-documentation-list td {
-       padding: 10px;
-}
-
 .typo3-documentation-list td.title {
        width: 280px;
 }
        width: 40px;
 }
 
-.typo3-documentation-list .icons a {
-       display: none;
-}
-
-.typo3-documentation-list tr:hover .icons a {
-       display: inline;
-}
-
 .typo3-documentation-list td.actions {
        width: 140px;
 
index ce90245..262db71 100644 (file)
 }
 
 
-
 // Table
 .typo3-documentation-list {
-
-       border-spacing: 0;
-
-       // Header
-       thead {
-               background-color: #666;
-
-               tr {
-                       background: none !important;
-
-                       &:hover {
-                               background: none;
-                       }
-               }
-       }
-
        th {
-               background: none;
-               border: 0;
-               padding: 8px 10px;
-
                min-width: 53px;
 
                vertical-align: middle;
 
-               font-weight: bold;
-               color: #fff;
-
                cursor: pointer;
                white-space: nowrap;
 
-
-               &:hover {
-                       background: rgba(200,200,200,.3);
-               }
-
                .DataTables_sort_icon {
                        display: inline-block;
                        vertical-align: middle;
                }
        }
 
-       // All lines
        tr {
-
-               // Reset some values that get applied by jQuery UI styling
-               &.odd,
-               &.even {
-                       td {
-                               background: none;
-                       }
-
-                       &:hover {
-                               td {
-                                       background: none;
-                               }
-                       }
-               }
-
-               // Add some stuff to match corporate design
                td {
-                       background: none;
-                       padding: 8px 10px;
-                       vertical-align: middle;
-
                        img {
                                vertical-align: middle;
                                margin-right: 5px;
                        }
                }
-
-               // Zebra-look
-               &:nth-child(2n) {
-                       background: #fff;
-               }
-
-               &:nth-child(2n + 1) {
-                       background: #f7f7f7;
-               }
-
-               // Hovering lines
-               &:hover {
-                       background: #ececec;
-               }
-
        }
 }
 
diff --git a/typo3/sysext/documentation/Resources/Private/Scss/page/_get.scss b/typo3/sysext/documentation/Resources/Private/Scss/page/_get.scss
deleted file mode 100644 (file)
index 545e24d..0000000
+++ /dev/null
@@ -1,11 +0,0 @@
-
-.typo3-documentation-list {
-
-       .t3-icon,
-       .t3-icon:hover {
-               border: none;
-               background-color: transparent;
-       }
-
-}
-
index ae2d6b1..6e101fa 100644 (file)
@@ -18,7 +18,7 @@
                <div class="typo3-documentation-headerRowRight">
                </div>
        </div>
-       <table id="typo3-documentation-download" class="typo3-documentation-list">
+       <table id="typo3-documentation-download" class="t3-table typo3-documentation-list">
                <thead>
                <tr>
                        <th><f:translate key="documentation.title" /></th>
index e00ad10..1d7e234 100644 (file)
@@ -19,7 +19,7 @@
                </div>
        </div>
 
-       <table id="typo3-documentation-list" class="typo3-documentation-list">
+       <table id="typo3-documentation-list" class="t3-table typo3-documentation-list">
                <thead>
                        <tr>
                                <th><f:translate key="tx_documentation_domain_model_document.title" /></th>
index b20f654..26f782f 100644 (file)
   border: none;
   font-weight: normal; }
 
-.dataTable {
-  border-right: 1px solid #a2aab8;
-  border-bottom: 1px solid #a2aab8;
-  border-left: 1px solid #a2aab8; }
-
 .dataTables_info {
   font-size: 10px;
   color: #444;
 .dataTables_paginate {
   width: auto; }
 
-.typo3-documentation-list {
-  width: 100%; }
-
-.typo3-documentation-list td {
-  padding: 10px; }
-
 .typo3-documentation-list td.title {
   width: 280px; }
 
@@ -59,7 +48,8 @@
 
 .headerTooltip,
 .tooltip {
-  box-shadow: 2px 2px 11px #666666;
+  -webkit-box-shadow: 2px 2px 11px #666;
+  box-shadow: 2px 2px 11px #666;
   display: none;
   width: 400px;
   background-color: #ffa;
@@ -89,49 +79,20 @@ p {
   .ui-toolbar .dataTables_filter {
     display: block; }
 
-.typo3-documentation-list {
-  border-spacing: 0; }
-  .typo3-documentation-list thead {
-    background-color: #666; }
-    .typo3-documentation-list thead tr {
-      background: none !important; }
-      .typo3-documentation-list thead tr:hover {
-        background: none; }
-  .typo3-documentation-list th {
-    background: none;
-    border: 0;
-    padding: 8px 10px;
-    min-width: 53px;
+.typo3-documentation-list th {
+  min-width: 53px;
+  vertical-align: middle;
+  cursor: pointer;
+  white-space: nowrap; }
+  .typo3-documentation-list th .DataTables_sort_icon {
+    display: inline-block;
     vertical-align: middle;
-    font-weight: bold;
-    color: #fff;
-    cursor: pointer;
-    white-space: nowrap; }
-    .typo3-documentation-list th:hover {
-      background: rgba(200, 200, 200, 0.3); }
-    .typo3-documentation-list th .DataTables_sort_icon {
-      display: inline-block;
-      vertical-align: middle;
-      margin-left: 5px; }
-      .typo3-documentation-list th .DataTables_sort_icon.ui-icon-carat-2-n-s {
-        background: none; }
-  .typo3-documentation-list tr.odd td, .typo3-documentation-list tr.even td {
-    background: none; }
-  .typo3-documentation-list tr.odd:hover td, .typo3-documentation-list tr.even:hover td {
-    background: none; }
-  .typo3-documentation-list tr td {
-    background: none;
-    padding: 8px 10px;
-    vertical-align: middle; }
-    .typo3-documentation-list tr td img {
-      vertical-align: middle;
-      margin-right: 5px; }
-  .typo3-documentation-list tr:nth-child(2n) {
-    background: #fff; }
-  .typo3-documentation-list tr:nth-child(2n + 1) {
-    background: #f7f7f7; }
-  .typo3-documentation-list tr:hover {
-    background: #ececec; }
+    margin-left: 5px; }
+    .typo3-documentation-list th .DataTables_sort_icon.ui-icon-carat-2-n-s {
+      background: none; }
+.typo3-documentation-list tr td img {
+  vertical-align: middle;
+  margin-right: 5px; }
 
 .dataTables_info {
   display: none; }
@@ -144,3 +105,5 @@ p {
 .typo3-documentation-list .t3-icon:hover {
   border: none;
   background-color: transparent; }
+
+/*# sourceMappingURL=main.css.map */
index 122e824..96ec433 100644 (file)
@@ -6,12 +6,6 @@
        font-weight: normal;
 }
 
-.dataTable {
-       border-right: 1px solid #a2aab8;
-       border-bottom: 1px solid #a2aab8;
-       border-left: 1px solid #a2aab8;
-}
-
 .dataTables_info {
        font-size: 10px;
        color: #444;
index b15a955..c9863c0 100644 (file)
@@ -1 +1,501 @@
-#typo3-extension-main-menu .tabs ul,#typo3-extension-configuration-forms .tabs ul{list-style:none;padding:0;margin-bottom:-1px}#typo3-extension-main-menu .tabs ul:after,#typo3-extension-configuration-forms .tabs ul:after{display:table;content:"";clear:both}#typo3-extension-main-menu .tabs ul>li,#typo3-extension-configuration-forms .tabs ul>li{cursor:pointer}#typo3-extension-main-menu .tabs ul>li.ui-tabs-active a,#typo3-extension-main-menu .tabs ul>li a.current,#typo3-extension-configuration-forms .tabs ul>li.ui-tabs-active a,#typo3-extension-configuration-forms .tabs ul>li a.current{background:white;color:black;border-bottom:0;padding-top:8px;cursor:default}#typo3-extension-main-menu .tabs ul>li a,#typo3-extension-configuration-forms .tabs ul>li a{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;float:left;height:15px;background:#dadada;padding:7px 15px;margin-top:-1px;margin-right:2px;border:1px solid #adadad;color:#606060;outline:none}#typo3-extension-main-menu .tabs ul>li a:hover,#typo3-extension-configuration-forms .tabs ul>li a:hover{background-color:#eee;border-color:#adadad;color:#606060}.description-horizontal{margin-top:0}.description-horizontal:before,.description-horizontal:after{content:" ";display:table}.description-horizontal:after{clear:both}.description-horizontal dt{font-weight:bold;float:left;width:60px;clear:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description-horizontal dd{margin-left:70px}.description-horizontal.description-horizontal-wide dt{width:100px}.description-horizontal.description-horizontal-wide dd{margin-left:110px}.ui-widget-header{background:none;border:none;font-weight:normal}.dataTable{border-right:1px solid #a2aab8;border-bottom:1px solid #a2aab8;border-left:1px solid #a2aab8}.dataTables_info{font-size:10px;color:#444;float:left}.paging_two_button .ui-button{float:left;cursor:pointer}.paging_full_numbers .ui-button{padding:2px 6px;margin:0;cursor:pointer;color:#333 !important}.dataTables_paginate .ui-button{margin-right:-0.1em !important}.paging_full_numbers{float:right}.dataTables_paginate{width:auto}#typo3-extension-configuration-forms{min-width:400px;max-width:900px}#typo3-extension-configuration-forms .category{background-repeat:repeat-x;background-color:#fff;border:1px solid #adadad;padding:15px}#typo3-extension-configuration-forms .group{margin-bottom:30px}#typo3-extension-configuration-forms .group label{display:block;padding-bottom:10px}#typo3-extension-configuration-forms .group input[type=text]{width:300px}#typo3-extension-configuration-forms #typo3-docheader-row2 .back{float:right}#typo3-extension-configuration-forms input.submit{margin-top:10px}#typo3-extension-configuration-forms .error,#typo3-extension-configuration-forms .invalid{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;-webkit-box-shadow:0 0 6px #ddd;box-shadow:0 0 6px #ddd;height:15px;background-color:#ff2262;border:1px solid #e1e16d;font-size:11px;color:#000;padding:3px 10px;margin-left:-2px}.t3-table td.alpha{color:#f14400}.t3-table td.beta{color:#f4bd00}.t3-table td.stable{color:#3db900}.t3-table td.experimental{color:#000}.t3-table td.test{color:#000}.t3-table td.obsolete{color:#8c8c8c}.t3-table td.excludeFromUpdates{color:#000}.alpha,.beta,.stable,.experimental,.test,.obsolete,.excludeFromUpdates{font-weight:bold;color:#fff}.alpha{color:#f14400}.beta{color:#f4bd00}.stable{color:#3db900}.experimental{color:#000}.test{color:#000}.obsolete{color:#8c8c8c}.excludeFromUpdates{color:#000}.typo3-extension-list td.icons{width:140px}#typo3-extension-configuration-forms .info{color:#666;font-weight:normal}.typo3-extension-list tr.installed td{background-color:#c8ffaa}.typo3-extension-list tr.available td{background-color:#E1E1aa}.typo3-extension-manager .insecure{color:#ff2262}.typo3-extension-manager .outdated{color:#0c08ff}.typo3-extension-list .inactive{color:#aaa}.headerTooltip,.tooltip{-webkit-box-shadow:2px 2px 11px #666;box-shadow:2px 2px 11px #666;display:none;width:400px;background-color:#ffa;border:1px solid #cc9;padding:3px;font-size:13px;z-index:1000}.headerTooltip{width:150px}p{padding-bottom:20px}.typo3-extensionmanager-headerRowLeft{display:inline-block}.typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper{display:inline-block;position:relative}.typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper input{height:15px}.typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper .t3-icon-input-clear{position:absolute;right:3px;top:4px}.headerRow{overflow:auto;width:100%}.typo3-extensionmanager-headerRowLeft{float:left}.typo3-extensionmanager-headerRowRight{float:right}.ui-toolbar{margin-bottom:5px}.ui-toolbar .dataTables_filter{float:left}.typo3-extension-list th{min-width:53px;cursor:pointer}.typo3-extension-list th .DataTables_sort_icon{display:inline-block;vertical-align:middle;margin-left:5px}.typo3-extension-list th .DataTables_sort_icon.ui-icon-carat-2-n-s{background:none}.typo3-extension-list .ext-icon{max-height:16px;width:auto}.dataTables_info{display:none}.dataTables_paginate{float:left;margin:10px 0 0}.uploadForm{background-color:#ededed;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;padding:12px;margin-bottom:24px}.uploadForm form .control-group{clear:both;margin-bottom:5px}.uploadForm form label{float:left;height:20px;padding:4px 0;line-height:20px;width:90px}.uploadForm form .control{min-height:20px;padding:4px 0;margin-left:110px}#terTableWrapper{position:relative}#terTableWrapper .splash-receivedata{display:none;position:absolute;top:50px;left:50%;margin:0 0 0 -150px}#terTableWrapper .splash-receivedata a{display:inline-block;width:200px;vertical-align:top;padding:3px 20px}#terTableWrapper .splash-receivedata.is-shown{display:block}#terTableWrapper .spinner{display:inline-block}#terTableWrapper .ui-icon{width:16px;height:16px;background-image:url("../Images/ui-icons_222222_256x240.png");background-position:-64px -16px}.time-since-last-update{font-weight:bold;padding-right:0.4em;cursor:help}.is-loading{opacity:0}.is-hidden{display:none}.typo3-extension-list .t3-icon,.typo3-extension-list .t3-icon:hover{border:none;background-color:transparent}.typo3-extension-list .author{display:none}.versions-all{display:inline-block;width:20px;text-indent:-200px;overflow:hidden}.currentVersionInfo{padding:0 0 20px 0}.currentVersionInfo td{padding:4px 0}.currentVersionInfo th{font-weight:normal;color:#8c8c8c;padding:4px 20px 4px 0}span.ter-ext-state{padding:0 0 0 5px;font-weight:bold;text-transform:capitalize}span.ter-ext-state-obsolete{color:#8c8c8c;font-weight:normal}span.ter-ext-state-stable{color:#3db900}span.ter-ext-state-beta{color:#f4bd00}span.ter-ext-state-alpha{color:#f14400}#typo3-docbody form.download{margin-bottom:0}.distribution{border:1px solid #d4d4d4;background-color:#fafafa;margin-bottom:20px;margin-left:20px;width:300px;float:left}.distribution:hover{background-color:#f2f2f2}.distribution:hover .distribution-hover{top:0px;opacity:1}.distribution:hover .distribution-more{text-decoration:underline}.distribution-holder{top:0px;bottom:0px;margin-left:-20px}.distribution-holder:before,.distribution-holder:after{content:" ";display:table}.distribution-holder:after{clear:both}.distribution-image{position:relative;width:300px;height:225px;overflow:hidden}.distribution-image img{display:block;height:100%;width:100%}.distribution-hover{background-color:#fafafa;position:absolute;top:100%;left:0px;width:300px;height:225px;overflow:hidden;opacity:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.distribution-hover-inner{padding:15px}.distribution-meta{border-top:1px solid #e0e0e0;padding:15px}.distribution-meta .distribution-title{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.distribution-meta .distribution-install{margin-top:0.5em}.distribution-meta .t3-button{margin:0;padding-right:8px}.distribution-meta .distribution-official{border:1px solid #ff8600;background-color:#ff8600;border-radius:2px;display:inline-block;padding:3px 8px;vertical-align:middle;color:#FFFFFF}.distribution-detail-flashmessage{margin-bottom:2.5em}.distribution-detail-flashmessage p{padding-bottom:0}.distribution-detail{min-width:750px}.distribution-detail:before,.distribution-detail:after{content:" ";display:table}.distribution-detail:after{clear:both}.distribution-detail-previewpane{float:left;margin-right:30px}.distribution-detail-preview{display:block;border:1px solid #d4d4d4}.distribution-detail-body{overflow:hidden;zoom:1}.distribution-detail-header{margin-bottom:2.5em}.distribution-detail-header h1{margin-bottom:0.5em}.distribution-detail-header p{padding:0px;max-width:500px;margin-bottom:1.25em}.distribution-detail-summary{margin-top:2.5em;margin-bottom:2.5em}.distribution-installed hr{margin:2.5em 0;border:0;border-top:1px solid #d4d4d4}
+/*
+ *  Created: 2012-08-13
+ *
+ *  CSS in SASS's SCSS dialect for
+ *  TYPO3 Extension Manager
+ *  Questions can be submitted to info@drublic.de
+ *
+ */
+#typo3-extension-main-menu .tabs ul,
+#typo3-extension-configuration-forms .tabs ul {
+  list-style: none;
+  padding: 0;
+  margin-bottom: -1px; }
+  #typo3-extension-main-menu .tabs ul:after,
+  #typo3-extension-configuration-forms .tabs ul:after {
+    display: table;
+    content: "";
+    clear: both; }
+  #typo3-extension-main-menu .tabs ul > li,
+  #typo3-extension-configuration-forms .tabs ul > li {
+    cursor: pointer; }
+    #typo3-extension-main-menu .tabs ul > li.ui-tabs-active a,
+    #typo3-extension-main-menu .tabs ul > li a.current,
+    #typo3-extension-configuration-forms .tabs ul > li.ui-tabs-active a,
+    #typo3-extension-configuration-forms .tabs ul > li a.current {
+      background: white;
+      color: black;
+      border-bottom: 0;
+      padding-top: 8px;
+      cursor: default; }
+    #typo3-extension-main-menu .tabs ul > li a,
+    #typo3-extension-configuration-forms .tabs ul > li a {
+      -webkit-border-radius: 4px 4px 0 0;
+      -moz-border-radius: 4px 4px 0 0;
+      border-radius: 4px 4px 0 0;
+      float: left;
+      height: 15px;
+      background: #dadada;
+      padding: 7px 15px;
+      margin-top: -1px;
+      margin-right: 2px;
+      border: 1px solid #adadad;
+      color: #606060;
+      outline: none; }
+      #typo3-extension-main-menu .tabs ul > li a:hover,
+      #typo3-extension-configuration-forms .tabs ul > li a:hover {
+        background-color: #eee;
+        border-color: #adadad;
+        color: #606060; }
+
+.description-horizontal {
+  margin-top: 0; }
+  .description-horizontal:before, .description-horizontal:after {
+    content: " ";
+    display: table; }
+  .description-horizontal:after {
+    clear: both; }
+  .description-horizontal dt {
+    font-weight: bold;
+    float: left;
+    width: 60px;
+    clear: left;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap; }
+  .description-horizontal dd {
+    margin-left: 70px; }
+  .description-horizontal.description-horizontal-wide dt {
+    width: 100px; }
+  .description-horizontal.description-horizontal-wide dd {
+    margin-left: 110px; }
+
+.ui-widget-header {
+  background: none;
+  border: none;
+  font-weight: normal; }
+
+.dataTables_info {
+  font-size: 10px;
+  color: #444;
+  float: left; }
+
+.paging_two_button .ui-button {
+  float: left;
+  cursor: pointer; }
+
+.paging_full_numbers .ui-button {
+  padding: 2px 6px;
+  margin: 0;
+  cursor: pointer;
+  color: #333 !important; }
+
+.dataTables_paginate .ui-button {
+  margin-right: -0.1em !important; }
+
+.paging_full_numbers {
+  float: right; }
+
+.dataTables_paginate {
+  width: auto; }
+
+#typo3-extension-configuration-forms {
+  min-width: 400px;
+  max-width: 900px; }
+  #typo3-extension-configuration-forms .category {
+    background-repeat: repeat-x;
+    background-color: #fff;
+    border: 1px solid #adadad;
+    padding: 15px; }
+  #typo3-extension-configuration-forms .group {
+    margin-bottom: 30px; }
+    #typo3-extension-configuration-forms .group label {
+      display: block;
+      padding-bottom: 10px; }
+    #typo3-extension-configuration-forms .group input[type=text] {
+      width: 300px; }
+
+#typo3-extension-configuration-forms #typo3-docheader-row2 .back {
+  float: right; }
+
+#typo3-extension-configuration-forms input.submit {
+  margin-top: 10px; }
+
+#typo3-extension-configuration-forms .error,
+#typo3-extension-configuration-forms .invalid {
+  -webkit-border-radius: 0 4px 4px 0;
+  -moz-border-radius: 0 4px 4px 0;
+  border-radius: 0 4px 4px 0;
+  -webkit-box-shadow: 0 0 6px #ddd;
+  box-shadow: 0 0 6px #ddd;
+  /* supply height to ensure consistent positioning for every browser */
+  height: 15px;
+  background-color: #ff2262;
+  border: 1px solid #e1e16d;
+  font-size: 11px;
+  color: #000;
+  padding: 3px 10px;
+  margin-left: -2px; }
+
+.t3-table td.alpha {
+  color: #f14400; }
+
+.t3-table td.beta {
+  color: #f4bd00; }
+
+.t3-table td.stable {
+  color: #3db900; }
+
+.t3-table td.experimental {
+  color: #000; }
+
+.t3-table td.test {
+  color: #000; }
+
+.t3-table td.obsolete {
+  color: #8c8c8c; }
+
+.t3-table td.excludeFromUpdates {
+  color: #000; }
+
+.alpha,
+.beta,
+.stable,
+.experimental,
+.test,
+.obsolete,
+.excludeFromUpdates {
+  font-weight: bold;
+  color: #fff; }
+
+.alpha {
+  color: #f14400; }
+
+.beta {
+  color: #f4bd00; }
+
+.stable {
+  color: #3db900; }
+
+.experimental {
+  color: #000; }
+
+.test {
+  color: #000; }
+
+.obsolete {
+  color: #8c8c8c; }
+
+.excludeFromUpdates {
+  color: #000; }
+
+.typo3-extension-list td.icons {
+  width: 140px; }
+
+#typo3-extension-configuration-forms .info {
+  color: #666;
+  font-weight: normal; }
+
+.typo3-extension-list tr.installed td {
+  background-color: #c8ffaa; }
+
+.typo3-extension-list tr.available td {
+  background-color: #E1E1aa; }
+
+.typo3-extension-manager .insecure {
+  color: #ff2262; }
+
+.typo3-extension-manager .outdated {
+  color: #0c08ff; }
+
+.typo3-extension-list .inactive {
+  color: #aaaaaa; }
+
+.headerTooltip,
+.tooltip {
+  -webkit-box-shadow: 2px 2px 11px #666;
+  box-shadow: 2px 2px 11px #666;
+  display: none;
+  width: 400px;
+  background-color: #ffa;
+  border: 1px solid #cc9;
+  padding: 3px;
+  font-size: 13px;
+  z-index: 1000; }
+
+.headerTooltip {
+  width: 150px; }
+
+p {
+  padding-bottom: 20px; }
+
+.typo3-extensionmanager-headerRowLeft {
+  display: inline-block; }
+  .typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper {
+    display: inline-block;
+    position: relative; }
+    .typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper input {
+      height: 15px; }
+    .typo3-extensionmanager-headerRowLeft .typo3-extensionmanager-searchTerFieldWrapper .t3-icon-input-clear {
+      position: absolute;
+      right: 3px;
+      top: 4px; }
+
+.headerRow {
+  overflow: auto;
+  width: 100%; }
+
+.typo3-extensionmanager-headerRowLeft {
+  float: left; }
+
+.typo3-extensionmanager-headerRowRight {
+  float: right; }
+
+.ui-toolbar {
+  margin-bottom: 5px; }
+  .ui-toolbar .dataTables_filter {
+    float: left; }
+
+.typo3-extension-list th {
+  min-width: 53px;
+  cursor: pointer; }
+  .typo3-extension-list th .DataTables_sort_icon {
+    display: inline-block;
+    vertical-align: middle;
+    margin-left: 5px; }
+    .typo3-extension-list th .DataTables_sort_icon.ui-icon-carat-2-n-s {
+      background: none; }
+.typo3-extension-list .ext-icon {
+  max-height: 16px;
+  width: auto; }
+
+.dataTables_info {
+  display: none; }
+
+.dataTables_paginate {
+  float: left;
+  margin: 10px 0 0; }
+
+.uploadForm {
+  background-color: #ededed;
+  border-top: 1px solid #cdcdcd;
+  border-bottom: 1px solid #cdcdcd;
+  padding: 12px;
+  margin-bottom: 24px; }
+  .uploadForm form .control-group {
+    clear: both;
+    margin-bottom: 5px; }
+  .uploadForm form label {
+    float: left;
+    height: 20px;
+    padding: 4px 0;
+    line-height: 20px;
+    width: 90px; }
+  .uploadForm form .control {
+    min-height: 20px;
+    padding: 4px 0;
+    margin-left: 110px; }
+
+#terTableWrapper {
+  position: relative; }
+  #terTableWrapper .splash-receivedata {
+    display: none;
+    position: absolute;
+    top: 50px;
+    left: 50%;
+    margin: 0 0 0 -150px; }
+    #terTableWrapper .splash-receivedata a {
+      display: inline-block;
+      width: 200px;
+      vertical-align: top;
+      padding: 3px 20px; }
+    #terTableWrapper .splash-receivedata.is-shown {
+      display: block; }
+  #terTableWrapper .spinner {
+    display: inline-block; }
+  #terTableWrapper .ui-icon {
+    width: 16px;
+    height: 16px;
+    background-image: url("../Images/ui-icons_222222_256x240.png");
+    background-position: -64px -16px; }
+
+.time-since-last-update {
+  font-weight: bold;
+  padding-right: 0.4em;
+  cursor: help; }
+
+.is-loading {
+  opacity: 0; }
+
+.is-hidden {
+  display: none; }
+
+.typo3-extension-list .t3-icon,
+.typo3-extension-list .t3-icon:hover {
+  border: none;
+  background-color: transparent; }
+.typo3-extension-list .author {
+  display: none; }
+
+.versions-all {
+  display: inline-block;
+  width: 20px;
+  text-indent: -200px;
+  overflow: hidden; }
+
+.currentVersionInfo {
+  padding: 0 0 20px 0; }
+  .currentVersionInfo td {
+    padding: 4px 0; }
+  .currentVersionInfo th {
+    font-weight: normal;
+    color: #8c8c8c;
+    padding: 4px 20px 4px 0; }
+
+span.ter-ext-state {
+  padding: 0 0 0 5px;
+  font-weight: bold;
+  text-transform: capitalize; }
+
+span.ter-ext-state-obsolete {
+  color: #8c8c8c;
+  font-weight: normal; }
+
+span.ter-ext-state-stable {
+  color: #3db900; }
+
+span.ter-ext-state-beta {
+  color: #f4bd00; }
+
+span.ter-ext-state-alpha {
+  color: #f14400; }
+
+#typo3-docbody form.download {
+  margin-bottom: 0; }
+
+/**
+ * Extension List View
+ **/
+.distribution {
+  border: 1px solid #d4d4d4;
+  background-color: #fafafa;
+  margin-bottom: 20px;
+  margin-left: 20px;
+  width: 300px;
+  float: left; }
+  .distribution:hover {
+    background-color: #f2f2f2; }
+    .distribution:hover .distribution-hover {
+      top: 0px;
+      opacity: 1; }
+    .distribution:hover .distribution-more {
+      text-decoration: underline; }
+
+.distribution-holder {
+  top: 0px;
+  bottom: 0px;
+  margin-left: -20px; }
+  .distribution-holder:before, .distribution-holder:after {
+    content: " ";
+    display: table; }
+  .distribution-holder:after {
+    clear: both; }
+
+.distribution-image {
+  position: relative;
+  width: 300px;
+  height: 225px;
+  overflow: hidden; }
+  .distribution-image img {
+    display: block;
+    height: 100%;
+    width: 100%; }
+
+.distribution-hover {
+  background-color: #fafafa;
+  position: absolute;
+  top: 100%;
+  left: 0px;
+  width: 300px;
+  height: 225px;
+  overflow: hidden;
+  opacity: 0;
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  -ms-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out; }
+
+.distribution-hover-inner {
+  padding: 15px; }
+
+.distribution-meta {
+  border-top: 1px solid #e0e0e0;
+  padding: 15px; }
+  .distribution-meta .distribution-title {
+    margin: 0;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    font-size: 14px; }
+  .distribution-meta .distribution-install {
+    margin-top: 0.5em; }
+  .distribution-meta .t3-button {
+    margin: 0;
+    padding-right: 8px; }
+  .distribution-meta .distribution-official {
+    border: 1px solid #ff8600;
+    background-color: #ff8600;
+    border-radius: 2px;
+    display: inline-block;
+    padding: 3px 8px;
+    vertical-align: middle;
+    color: #FFFFFF; }
+
+/**
+ * Extension Detail View
+ **/
+.distribution-detail-flashmessage {
+  margin-bottom: 2.5em; }
+  .distribution-detail-flashmessage p {
+    padding-bottom: 0; }
+
+.distribution-detail {
+  min-width: 750px; }
+  .distribution-detail:before, .distribution-detail:after {
+    content: " ";
+    display: table; }
+  .distribution-detail:after {
+    clear: both; }
+
+.distribution-detail-previewpane {
+  float: left;
+  margin-right: 30px; }
+
+.distribution-detail-preview {
+  display: block;
+  border: 1px solid #d4d4d4; }
+
+.distribution-detail-body {
+  overflow: hidden;
+  zoom: 1; }
+
+.distribution-detail-header {
+  margin-bottom: 2.5em; }
+  .distribution-detail-header h1 {
+    margin-bottom: 0.5em; }
+  .distribution-detail-header p {
+    padding: 0px;
+    max-width: 500px;
+    margin-bottom: 1.25em; }
+
+.distribution-detail-summary {
+  margin-top: 2.5em;
+  margin-bottom: 2.5em; }
+
+.distribution-installed hr {
+  margin: 2.5em 0;
+  border: 0;
+  border-top: 1px solid #d4d4d4; }
+
+/*# sourceMappingURL=main.css.map */
index 2fed477..470f8e1 100644 (file)
@@ -252,15 +252,17 @@ class TranslationStatusController extends \TYPO3\CMS\Backend\Module\AbstractFunc
                                        ) . '">' . IconUtility::getSpriteIcon('actions-document-new') . '</a></td>';
                        }
                }
-               $output = '
-                       <tr class="t3-row-header">
-                               ' . implode('
-                               ', $tCells) . '
-                       </tr>' . $output;
-               $output = '
 
-               <table border="0" cellspacing="0" cellpadding="0" id="langTable" class="typo3-dblist">' . $output . '
-               </table>';
+               $output = '<table id="langTable" class="t3-table">' .
+                       '<thead>' .
+                               '<tr>' .
+                                       implode('', $tCells) .
+                               '</tr>' .
+                               '</thead>' .
+                               '<tbody>' .
+                                       $output .
+                               '</tbody>' .
+                       '</table>';
                return $output;
        }
 
index 67d6977..134d37c 100644 (file)
@@ -651,7 +651,7 @@ class SchedulerModuleController extends \TYPO3\CMS\Backend\Module\BaseScriptClas
                $this->pageRenderer->addInlineSettingArray('', $typo3Settings);
                // Define table layout for add/edit form
                $tableLayout = array(
-                       'table' => array('<table border="0" cellspacing="0" cellpadding="0" id="edit_form" class="typo3-usersettings">', '</table>')
+                       'table' => array('<table border="0" cellspacing="0" cellpadding="0" id="edit_form">', '</table>')
                );
                // Define a style for hiding
                // Some fields will be hidden when the task is not recurring
@@ -823,11 +823,10 @@ class SchedulerModuleController extends \TYPO3\CMS\Backend\Module\BaseScriptClas
                                }
                        }
                }
-               // Render the add/edit task form
-               $content .= '<div style="float: left;"><div class="typo3-dyntabmenu-divs">';
+
                $content .= $this->doc->table($table, $tableLayout);
-               $content .= '</div></div>';
                $content .= '<div style="padding-top: 20px; clear: both;"></div>';
+
                // Display information about server time usage
                $content .= $this->displayServerTime();
                return $content;
index d51a63f..500cbb2 100644 (file)
 }
 .info-block p {
        margin: 8px 5px 8px 5px;
+}
+
+#edit_form tr td {
+       padding-bottom: 0.5em;
+}
+#edit_form tr td.td-label {
+       padding-right: 1em;
 }
\ No newline at end of file
index ba80764..dc31385 100644 (file)
@@ -20,24 +20,26 @@ namespace TYPO3\CMS\T3skin\Slot;
 class IconUtility {
 
        static public $flatSpriteIconName = array(
+               't3-icon t3-i-con-status t3-icon-status-warning t3-icon-warning-lock' => 'fa-lock',
                't3-icon t3-icon-actions t3-icon-actions-document t3-icon-document-close' => 'fa-close',
                't3-icon t3-icon-actions t3-icon-actions-document t3-icon-document-history-open' => 'fa-history',
                't3-icon t3-icon-actions t3-icon-actions-document t3-icon-document-info' => 'fa-info-circle',
+               't3-icon t3-icon-actions t3-icon-actions-document t3-icon-document-move c-inputButton' => 'fa-arrows',
                't3-icon t3-icon-actions t3-icon-actions-document t3-icon-document-move' => 'fa-arrows',
                't3-icon t3-icon-actions t3-icon-actions-document t3-icon-document-new' => 'fa-plus-square',
                't3-icon t3-icon-actions t3-icon-actions-document t3-icon-document-open' => 'fa-pencil',
-               't3-icon t3-icon-actions t3-icon-actions-document t3-icon-document-save' => 'fa-save',
+               't3-icon t3-icon-actions t3-icon-actions-document t3-icon-document-select' => 'fa-check-square-o',
                't3-icon t3-icon-actions t3-icon-actions-document t3-icon-document-view' => 'fa-desktop',
                't3-icon t3-icon-actions t3-icon-actions-edit t3-icon-edit-add' => 'fa-plus-circle',
                't3-icon t3-icon-actions t3-icon-actions-edit t3-icon-edit-copy' => 'fa-copy',
                't3-icon t3-icon-actions t3-icon-actions-edit t3-icon-edit-cut' => 'fa-cut',
                't3-icon t3-icon-actions t3-icon-actions-edit t3-icon-edit-delete' => 'fa-trash',
-               't3-icon t3-icon-actions t3-icon-actions-edit t3-icon-edit-hide' => 'fa-eye',
+               't3-icon t3-icon-actions t3-icon-actions-edit t3-icon-edit-hide' => 'fa-circle',
                't3-icon t3-icon-actions t3-icon-actions-edit t3-icon-edit-paste' => 'fa-paste',
                't3-icon t3-icon-actions t3-icon-actions-edit t3-icon-edit-pick-date' => 'fa-calendar',
                't3-icon t3-icon-actions t3-icon-actions-edit t3-icon-edit-rename' => 'fa-quote-right',
                't3-icon t3-icon-actions t3-icon-actions-edit t3-icon-edit-undo' => 'fa-undo',
-               't3-icon t3-icon-actions t3-icon-actions-edit t3-icon-edit-unhide' => 'fa-eye-slash',
+               't3-icon t3-icon-actions t3-icon-actions-edit t3-icon-edit-unhide' => 'fa-circle-thin',
                't3-icon t3-icon-actions t3-icon-actions-edit t3-icon-edit-upload' => 'fa-upload',
                't3-icon t3-icon-actions t3-icon-actions-move t3-icon-move-down t3-btn t3-btn-moveoption-down' => 'fa-caret-down',
                't3-icon t3-icon-actions t3-icon-actions-move t3-icon-move-down' => 'fa-arrow-down',
@@ -48,6 +50,7 @@ class IconUtility {
                't3-icon t3-icon-actions t3-icon-actions-page t3-icon-page-move' => 'fa-arrows',
                't3-icon t3-icon-actions t3-icon-actions-page t3-icon-page-new' => 'fa-plus-square',
                't3-icon t3-icon-actions t3-icon-actions-page t3-icon-page-open' => 'fa-pencil',
+               't3-icon t3-icon-actions t3-icon-actions-selection t3-icon-selection-delete t3-btn t3-btn-removeoption' => 'fa-times',
                't3-icon t3-icon-actions t3-icon-actions-system t3-icon-system-backend-user-emulate' => 'fa-sign-in',
                't3-icon t3-icon-actions t3-icon-actions-system t3-icon-system-backend-user-switch' => 'fa-sign-out',
                't3-icon t3-icon-actions t3-icon-actions-system t3-icon-system-cache-clear' => 'fa-bolt',
@@ -71,7 +74,6 @@ class IconUtility {
                't3-icon t3-icon-actions t3-icon-actions-view t3-icon-view-table-expand' => 'fa-angle-double-right',
                't3-icon t3-icon-actions t3-icon-actions-window t3-icon-window-open' => 'fa-arrows-alt',
                't3-icon t3-icon-actions t3-icon-system-extension-import' => 'fa-cloud-download',
-               't3-icon t3-icon-actions t3-icon-system-extension-import' => 'fa-cloud-download',
                't3-icon t3-icon-apps t3-icon-apps-toolbar t3-icon-toolbar-menu-cache' => 'fa-bolt',
                't3-icon t3-icon-apps t3-icon-apps-toolbar t3-icon-toolbar-menu-opendocs' => 'fa-file',
                't3-icon t3-icon-apps t3-icon-apps-toolbar t3-icon-toolbar-menu-search' => 'fa-search',
@@ -82,6 +84,7 @@ class IconUtility {
                't3-icon t3-icon-mimetypes t3-icon-mimetypes-pdf t3-icon-pdf' => 'fa-file-pdf-o',
                't3-icon t3-icon-mimetypes t3-icon-mimetypes-text t3-icon-text-html' => 'fa-file-html-o',
                't3-icon t3-icon-mimetypes t3-icon-mimetypes-word t3-icon-word' => 'fa-file-world-o',
+               't3-icon t3-icon-mimetypes t3-icon-mimetypes-x t3-icon-x-sys_language' => 'fa-globe',
                't3-icon t3-icon-status t3-icon-status-dialog t3-icon-dialog-error' => 'fa-exclamation-triangle',
                't3-icon t3-icon-status t3-icon-status-dialog t3-icon-dialog-information' => 'fa-info-circle',
                't3-icon t3-icon-status t3-icon-status-status t3-icon-status-locked' => 'fa-lock',
diff --git a/typo3/sysext/t3skin/Resources/Private/Public/Styles/_module_web_new_element.css b/typo3/sysext/t3skin/Resources/Private/Public/Styles/_module_web_new_element.css
deleted file mode 100644 (file)
index 3f558c3..0000000
+++ /dev/null
@@ -1,47 +0,0 @@
-/**
- * This file is part of the TYPO3 CMS project.
- *
- * It is free software; you can redistribute it and/or modify it under
- * the terms of the GNU General Public License, either version 2
- * of the License, or any later version.
- *
- * For the full copyright and license information, please read the
- * LICENSE.txt file that was distributed with this source code.
- *
- * The TYPO3 project - inspiring people to share!
- */
-/* - - - - - - - - - - - - - - - - - - - - -
--New Record Wizard
-- - - - - - - - - - - - - - - - - - - - - */
-.contentelement-wizard {
-  margin: 10px;
-}
-.contentelement-wizard li {
-  margin-bottom: 10px;
-}
-.contentelement-wizard li:last-child {
-  margin-bottom: 0px;
-}
-.contentelement-wizard-item:before,
-.contentelement-wizard-item:after {
-  content: " ";
-  display: table;
-}
-.contentelement-wizard-item:after {
-  clear: both;
-}
-.contentelement-wizard-item-input,
-.contentelement-wizard-item-icon {
-  float: left;
-  margin-right: 5px;
-}
-.contentelement-wizard-item-icon a,
-.contentelement-wizard-item-icon img {
-  display: block;
-}
-body#typo3-db-new-php a {
-  text-decoration: none;
-}
-body#typo3-db-new-php img.c-helpImg {
-  text-align: right;
-}
index 23afb03..71449bc 100644 (file)
@@ -63,10 +63,6 @@ DocHeader
                select {
                        color: #000;
                }
-
-               .typo3-docheader-pagePath {
-                       font-weight: bold;
-               }
        }
 
        .typo3-docheader-buttons {
index 5cb01d9..16bc627 100644 (file)
 Web > Info
 - - - - - - - - - - - - - - - - - - - - - */
 
-table.typo3-page-pages {
-       background-color: #fff;
-       border: 1px solid #a2aab8;
-}
-table.typo3-page-pages tr td.c-headLine {
-       background-color: #abbbb4;
-}
 table.typo3-page-sysnote tr td {
        background-color: #d9d5c9;
 }
index d3cd2f0..e48931e 100644 (file)
@@ -7676,9 +7676,6 @@ DocHeader
 #typo3-docheader .typo3-docheader-functions select {
   color: #000;
 }
-#typo3-docheader .typo3-docheader-functions .typo3-docheader-pagePath {
-  font-weight: bold;
-}
 #typo3-docheader .typo3-docheader-buttons {
   background-color: #dadada;
   color: #000;
@@ -11801,13 +11798,6 @@ File Upload Window
 /* - - - - - - - - - - - - - - - - - - - - -
 Web > Info
 - - - - - - - - - - - - - - - - - - - - - */
-table.typo3-page-pages {
-  background-color: #fff;
-  border: 1px solid #a2aab8;
-}
-table.typo3-page-pages tr td.c-headLine {
-  background-color: #abbbb4;
-}
 table.typo3-page-sysnote tr td {
   background-color: #d9d5c9;
 }
index 9da40b6..aa5a76a 100644 (file)
@@ -397,28 +397,19 @@ class TypoScriptTemplateObjectBrowserModuleFunctionController extends \TYPO3\CMS
                                $flashMessage = GeneralUtility::makeInstance('TYPO3\\CMS\\Core\\Messaging\\FlashMessage', implode($errMsg, '<br />'), $GLOBALS['LANG']->getLL('errorsWarnings'), \TYPO3\CMS\Core\Messaging\FlashMessage::ERROR);
                                $theOutput .= $flashMessage->render();
                        }
+
                        if (isset($this->pObj->MOD_SETTINGS['ts_browser_TLKeys_' . $bType][$theKey])) {
-                               $remove = '<th><a href="' . htmlspecialchars(($aHref . '&addKey[' . $theKey . ']=0&SET[ts_browser_toplevel_' . $bType . ']=0')) . '">' . $GLOBALS['LANG']->getLL('removeKey') . '</a></th>';
+                               $remove = '<a href="' . htmlspecialchars(($aHref . '&addKey[' . $theKey . ']=0&SET[ts_browser_toplevel_' . $bType . ']=0')) . '">' . $GLOBALS['LANG']->getLL('removeKey') . '</a>';
                        } else {
                                $remove = '';
                        }
+
                        $label = $theKey ? $theKey : ($bType == 'setup' ? $GLOBALS['LANG']->csConvObj->conv_case($GLOBALS['LANG']->charSet, $GLOBALS['LANG']->getLL('setupRoot'), 'toUpper') : $GLOBALS['LANG']->csConvObj->conv_case($GLOBALS['LANG']->charSet, $GLOBALS['LANG']->getLL('constantRoot'), 'toUpper'));
-                       $theOutput .= $this->pObj->doc->spacer(15);
                        $theOutput .= $this->pObj->doc->sectionEnd();
-                       $theOutput .= '<table class="t3-table" id="typo3-objectBrowser">
-       <thead>
-               <tr>
-                       <th>' . $label . '</th>' .
-                       $remove .
-               '</tr>
-       </thead>
-       <tbody>
-               <tr>
-                       <td>' . $tree . '</td>' .
-                       ($remove ? '<td></td>' : '') . '
-               </tr>
-       </tbody>
-</table>';
+
+                       $theOutput .= '<h2>' . $label . ' ' . $remove . '</h2>';
+                       $theOutput .= '<div class="text-nowrap">' . $tree  .  '</div>';
+
                        // second row options
                        $menu = '<div class="tsob-menu-row2">';
                        $menu .= '<div class="checkbox"><label for="checkTs_browser_showComments">' . BackendUtility::getFuncCheck($this->pObj->id, 'SET[ts_browser_showComments]', $this->pObj->MOD_SETTINGS['ts_browser_showComments'], '', '', 'id="checkTs_browser_showComments"');