[BUGFIX] Fix table style of extension manager 50/41950/4
authorFrank Nägler <typo3@naegler.net>
Sat, 25 Jul 2015 08:16:49 +0000 (10:16 +0200)
committerAnja Leichsenring <aleichsenring@ab-softlab.de>
Sat, 25 Jul 2015 10:10:41 +0000 (12:10 +0200)
This patch introduces table-fit class and removes the hidden-xs classes
from all columns.

Resolves: #68522
Releases: master
Change-Id: I3dbe39cb51511eea391c8951bc70ecb600a9da67
Reviewed-on: http://review.typo3.org/41950
Reviewed-by: Daniel Goerz <ervaude@gmail.com>
Tested-by: Daniel Goerz <ervaude@gmail.com>
Reviewed-by: Benjamin Kott <info@bk2k.info>
Tested-by: Benjamin Kott <info@bk2k.info>
Reviewed-by: Anja Leichsenring <aleichsenring@ab-softlab.de>
Tested-by: Anja Leichsenring <aleichsenring@ab-softlab.de>
Build/Resources/Public/Less/TYPO3/_element_table.less
typo3/sysext/extensionmanager/Resources/Private/Templates/List/Index.html
typo3/sysext/t3skin/Resources/Public/Css/backend.css

index a02ca42..4b2262b 100644 (file)
@@ -223,7 +223,7 @@ table {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
-
+       > .dataTables_wrapper > .table,
        > .table {
                margin-top: 0;
                margin-bottom: 0;
index 805d374..4491752 100644 (file)
                        <f:form.textfield name="Tx_Extensionmanager_extensionkey" placeholder="{f:translate(key:'extensionList.search')}" id="Tx_Extensionmanager_extensionkey" value="{search}" class="form-control" />
                </div>
        </form>
-       <table id="typo3-extension-list" class="table table-striped table-hover typo3-extension-list">
+       <div class="table-fit">
+               <table id="typo3-extension-list" class="table table-striped table-hover typo3-extension-list">
                <thead>
                        <tr>
                                <th title="{f:translate(key:'extensionList.header.title.update')}"><f:translate key="extensionList.header.update"/></th>
                                <th title="{f:translate(key:'extensionList.header.title.activate')}"><f:translate key="extensionList.header.activate"/></th>
                                <th><f:translate key="extensionList.header.extensionName"/></th>
-                               <th class="hidden-xs hidden-sm"><f:translate key="extensionList.header.extensionKey"/></th>
-                               <th class="hidden-xs"><f:translate key="extensionList.header.extensionVersion"/></th>
+                               <th><f:translate key="extensionList.header.extensionKey"/></th>
+                               <th><f:translate key="extensionList.header.extensionVersion"/></th>
                                <th><f:translate key="extensionList.header.extensionState"/></th>
                                <th><f:translate key="extensionList.header.extensionActions"/></th>
                        </tr>
                                        </f:if>
                                        <em:configureExtension extension="{extension}" forceConfiguration="0" showDescription="1">{extension.title}</em:configureExtension>
                                </td>
-                               <td class="hidden-xs hidden-sm">
+                               <td>
                                        {extensionKey}
                                </td>
-                               <td class="hidden-xs">
+                               <td>
                                        {extension.version}
                                </td>
                                <td>
                                        <span class="label label-{extension.state}">{extension.state}</span>
                                </td>
-                               <td class="icons nowrap">
+                               <td>
                                        <div class="btn-group">
                                                <em:processAvailableActions extension="{extension}">
                                                        <em:configureExtension class="btn btn-default" extension="{extension}"><f:be.buttons.icon icon="actions-system-extension-configure" title="{f:translate(key:'extensionList.configure')}" /></em:configureExtension>
                        </f:for>
                </tbody>
        </table>
+       </div>
 </f:section>
 
 
index dc6eca0..ce82aff 100644 (file)
@@ -10374,30 +10374,43 @@ fieldset[disabled] .table .btn-default.active {
   -ms-overflow-style: -ms-autohiding-scrollbar;
   border: 1px solid #ddd;
 }
+.table-fit > .dataTables_wrapper > .table,
 .table-fit > .table {
   margin-top: 0;
   margin-bottom: 0;
   border: 0;
 }
+.table-fit > .dataTables_wrapper > .table colgroup:first-child + tbody tr:first-child th,
 .table-fit > .table colgroup:first-child + tbody tr:first-child th,
+.table-fit > .dataTables_wrapper > .table tbody:first-child tr:first-child th,
 .table-fit > .table tbody:first-child tr:first-child th,
+.table-fit > .dataTables_wrapper > .table colgroup:first-child + tbody tr:first-child td,
 .table-fit > .table colgroup:first-child + tbody tr:first-child td,
+.table-fit > .dataTables_wrapper > .table tbody:first-child tr:first-child td,
 .table-fit > .table tbody:first-child tr:first-child td {
   border-top: 0;
 }
+.table-fit > .dataTables_wrapper > .table tr > th,
 .table-fit > .table tr > th,
+.table-fit > .dataTables_wrapper > .table tr > td,
 .table-fit > .table tr > td {
   white-space: nowrap;
 }
+.table-fit > .dataTables_wrapper > .table tr > th:first-child,
 .table-fit > .table tr > th:first-child,
+.table-fit > .dataTables_wrapper > .table tr > td:first-child,
 .table-fit > .table tr > td:first-child {
   border-left: 0;
 }
+.table-fit > .dataTables_wrapper > .table tr > th:last-child,
 .table-fit > .table tr > th:last-child,
+.table-fit > .dataTables_wrapper > .table tr > td:last-child,
 .table-fit > .table tr > td:last-child {
   border-right: 0;
 }
+.table-fit > .dataTables_wrapper > .table tr:last-child th,
 .table-fit > .table tr:last-child th,
+.table-fit > .dataTables_wrapper > .table tr:last-child td,
 .table-fit > .table tr:last-child td {
   border-bottom: 0;
 }