[TASK] Base Web>List on new .table style 44/33444/4
authorFelix Kopp <felix-source@phorax.com>
Tue, 21 Oct 2014 23:14:09 +0000 (01:14 +0200)
committerWouter Wolters <typo3@wouterwolters.nl>
Thu, 23 Oct 2014 16:46:50 +0000 (18:46 +0200)
Base Web>List on common fresh table style in CSS
class "t3-table". Can be styled centrally now.

Resolves: #62384
Releases: master
Change-Id: I0cf274d3d436c0ca7e3ebc9a7345be0f5ee30854
Reviewed-on: http://review.typo3.org/33444
Reviewed-by: Georg Ringer <georg.ringer@gmail.com>
Tested-by: Georg Ringer <georg.ringer@gmail.com>
Reviewed-by: Wouter Wolters <typo3@wouterwolters.nl>
Tested-by: Wouter Wolters <typo3@wouterwolters.nl>
typo3/sysext/recordlist/Classes/RecordList/DatabaseRecordList.php
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/structure/_module_web_list.less
typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/visual/_module_web_list.less
typo3/sysext/t3skin/Resources/Public/Css/visual/t3kin.css

index 3748c70..5388dcd 100644 (file)
@@ -520,10 +520,7 @@ class DatabaseRecordList extends AbstractDatabaseRecordList {
                                $theData[$titleCol] = $this->linkWrapTable($table, '<span class="c-table">' . $tableTitle . '</span> (' . $this->totalItems . ') ' . $icon);
                        }
                        if ($listOnlyInSingleTableMode) {
-                               $out .= '
-                                       <tr>
-                                               <td class="t3-row-header" style="width:95%;">' . BackendUtility::wrapInHelp($table, '', $theData[$titleCol]) . '</td>
-                                       </tr>';
+                               $out .= '<h2>' . BackendUtility::wrapInHelp($table, '', $theData[$titleCol]) . '</h2>';
                        } else {
                                // Render collapse button if in multi table mode
                                $collapseIcon = '';
@@ -537,7 +534,7 @@ class DatabaseRecordList extends AbstractDatabaseRecordList {
                                                : IconUtility::getSpriteIcon('actions-view-list-collapse', array('class' => 'collapseIcon'));
                                        $collapseIcon = '<a href="' . $href . '" title="' . $title . '">' . $icon . '</a>';
                                }
-                               $out .= $this->addElement(1, $collapseIcon, $theData, ' class="t3-row-header"', '');
+                               $out .= '<h2>' . $theData[$titleCol] . $collapseIcon . '</h2>';
                        }
                        // Render table rows only if in multi table view and not collapsed or if in
                        // single table view
@@ -653,7 +650,7 @@ class DatabaseRecordList extends AbstractDatabaseRecordList {
                        <!--
                                DB listing of elements: "' . htmlspecialchars($table) . '"
                        -->
-                               <table border="0" cellpadding="0" cellspacing="0" class="typo3-dblist' . ($listOnlyInSingleTableMode ? ' typo3-dblist-overview' : '') . '">
+                               <table class="t3-table typo3-dblist' . ($listOnlyInSingleTableMode ? ' typo3-dblist-overview' : '') . '">
                                        ' . $out . '
                                </table>';
                        // Output csv if...
@@ -1045,7 +1042,7 @@ class DatabaseRecordList extends AbstractDatabaseRecordList {
                        }
                }
                // Create and return header table row:
-               return $this->addelement(1, $icon, $theData, ' class="c-headLine"', '');
+               return '<thead>' . $this->addelement(1, $icon, $theData) . '</thead>';
        }
 
        /**
index 0defc93..c9465f9 100644 (file)
 Web > List
 - - - - - - - - - - - - - - - - - - - - - */
 
-/** @deprecated styles */
-table.typo3-dblist {
-       margin-bottom: 1.5em;
-       width: 100%;
-}
-
-table.typo3-dblist img {
-       vertical-align: middle;
-}
-
-table.typo3-dblist tr td {
-       padding: 6px;
-       /** Height of sprite icon */
-       min-height: 16px;
-}
-
-table.typo3-dblist tr th:first-child,
-table.typo3-dblist tr td:first-child {
-       padding-left: 12px;
-}
-table.typo3-dblist tr th:last-child,
-table.typo3-dblist tr td:last-child {
-       padding-right: 12px;
-}
-
-table.typo3-dblist tr td.c-headLine,
-table.typo3-dblist tr.c-headLine td {
-       height: 24px;
-}
-
 table.typo3-dblist tr.c-table-row-spacer td {
        display: none;
 }
index b1f08d4..596e472 100644 (file)
 Web > List
 - - - - - - - - - - - - - - - - - - - - - */
 
-/** @deprecated styles */
-table.typo3-dblist {
-       border: 1px solid #d7d7d7;
-}
-
-table.typo3-dblist tr td.db_list_alt {
-       background-color: #e3dfd3;
-}
-
-table.typo3-dblist tr.db_list_alt td {
-       background-color: #e4e5f0;
-}
-
-table#typo3-dblist-top table.bgColor4 {
-       background-color: #efeff4;
-}
-
-table.typo3-dblist tr td.c-headLine,
-table.typo3-dblist tr.c-headLine td {
-       border-bottom: 1px solid #d7d7d7;
-}
-
-table.typo3-dblist tr.c-headLine td.col-title a {
-       font-weight: bold;
-}
-
-table.typo3-dblist-overview td.c-tableDescription {
-       color: #333;
-       font-style: italic;
-}
-
 table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning {
        font-weight: bold;
        line-height: 16px;
@@ -60,27 +29,6 @@ table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-oneVersion {
        background-color: #9999cc;
 }
 
-table.typo3-dblist tr.db_list_normal:nth-child(odd) td {
-       background-color: #f7f7f7;
-}
-
-table.typo3-dblist tr.db_list_normal:nth-child(even) td {
-       background-color: #ffffff;
-}
-
-table.typo3-dblist tr.db_list_normal:hover td,
-table.typo3-dblist tr.db_list_alt:hover td,
-table.typo3-dblist tr.c-headLine:hover td {
-       background-color: #dedede;
-}
-
-div#typo3-newRecordLink,
-div.typo3-newRecordLink,
-div.typo3-localizationLink,
-div.typo3-synchronizationLink {
-       font-weight: bold;
-}
-
 div#typo3-dblist-pagination {
        white-space: nowrap;
 }
index f1962d6..b6388da 100644 (file)
@@ -11133,31 +11133,6 @@ body#typo3-file-edit-php div#c-edit {
 /* - - - - - - - - - - - - - - - - - - - - -
 Web > List
 - - - - - - - - - - - - - - - - - - - - - */
-/** @deprecated styles */
-table.typo3-dblist {
-  margin-bottom: 1.5em;
-  width: 100%;
-}
-table.typo3-dblist img {
-  vertical-align: middle;
-}
-table.typo3-dblist tr td {
-  padding: 6px;
-  /** Height of sprite icon */
-  min-height: 16px;
-}
-table.typo3-dblist tr th:first-child,
-table.typo3-dblist tr td:first-child {
-  padding-left: 12px;
-}
-table.typo3-dblist tr th:last-child,
-table.typo3-dblist tr td:last-child {
-  padding-right: 12px;
-}
-table.typo3-dblist tr td.c-headLine,
-table.typo3-dblist tr.c-headLine td {
-  height: 24px;
-}
 table.typo3-dblist tr.c-table-row-spacer td {
   display: none;
 }
@@ -11800,30 +11775,6 @@ table#langTable td.c-leftLine {
 /* - - - - - - - - - - - - - - - - - - - - -
 Web > List
 - - - - - - - - - - - - - - - - - - - - - */
-/** @deprecated styles */
-table.typo3-dblist {
-  border: 1px solid #d7d7d7;
-}
-table.typo3-dblist tr td.db_list_alt {
-  background-color: #e3dfd3;
-}
-table.typo3-dblist tr.db_list_alt td {
-  background-color: #e4e5f0;
-}
-table#typo3-dblist-top table.bgColor4 {
-  background-color: #efeff4;
-}
-table.typo3-dblist tr td.c-headLine,
-table.typo3-dblist tr.c-headLine td {
-  border-bottom: 1px solid #d7d7d7;
-}
-table.typo3-dblist tr.c-headLine td.col-title a {
-  font-weight: bold;
-}
-table.typo3-dblist-overview td.c-tableDescription {
-  color: #333;
-  font-style: italic;
-}
 table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning {
   font-weight: bold;
   line-height: 16px;
@@ -11835,23 +11786,6 @@ table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-multipleVersions {
 table.typo3-dblist tr td .typo3-DBctrl .typo3-ctrl-versioning-oneVersion {
   background-color: #9999cc;
 }
-table.typo3-dblist tr.db_list_normal:nth-child(odd) td {
-  background-color: #f7f7f7;
-}
-table.typo3-dblist tr.db_list_normal:nth-child(even) td {
-  background-color: #ffffff;
-}
-table.typo3-dblist tr.db_list_normal:hover td,
-table.typo3-dblist tr.db_list_alt:hover td,
-table.typo3-dblist tr.c-headLine:hover td {
-  background-color: #dedede;
-}
-div#typo3-newRecordLink,
-div.typo3-newRecordLink,
-div.typo3-localizationLink,
-div.typo3-synchronizationLink {
-  font-weight: bold;
-}
 div#typo3-dblist-pagination {
   white-space: nowrap;
 }