[TASK] Make use of .t3-table in EXT: extension manager 23/26923/3
authorFelix Kopp <felix-source@phorax.com>
Sat, 18 Jan 2014 15:19:39 +0000 (16:19 +0100)
committerWouter Wolters <typo3@wouterwolters.nl>
Fri, 24 Jan 2014 19:07:52 +0000 (20:07 +0100)
Use <table class="t3-table"> in backend module.

Removes duplicate SASS/CSS definitions in module in order
to make use of central core styles.

Change-Id: I174d63ab9014ec35842a7bd55863ed0113a669fe
Resolves: #55127
Releases: 6.2
Reviewed-on: https://review.typo3.org/26923
Reviewed-by: Marcin Sągol
Tested-by: Marcin Sągol
Reviewed-by: Wouter Wolters
Tested-by: Wouter Wolters
typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerPaginator.html
typo3/sysext/extensionmanager/Resources/Private/Scss/page/_base.scss
typo3/sysext/extensionmanager/Resources/Private/Scss/page/_get.scss
typo3/sysext/extensionmanager/Resources/Private/Scss/page/_manage.scss
typo3/sysext/extensionmanager/Resources/Private/Templates/List/Index.html
typo3/sysext/extensionmanager/Resources/Private/Templates/List/ShowAllVersions.html
typo3/sysext/extensionmanager/Resources/Private/Templates/List/Ter.html
typo3/sysext/extensionmanager/Resources/Public/Css/README.txt
typo3/sysext/extensionmanager/Resources/Public/Css/main.css

index 5cc635c..1800ad3 100644 (file)
@@ -1,5 +1,5 @@
 <f:be.widget.paginate objects="{extensions}" as="paginatedExtensions" configuration="{itemsPerPage: 10, maximumNumberOfLinks: 2}">
-       <table id="terTable" class="typo3-extension-list">
+       <table id="terTable" class="t3-table typo3-extension-list">
                <f:if condition="{showVersionList}">
                        <f:then>
                                <f:render partial="List/TerShowVersionsTable.html" arguments="{paginatedExtensions:paginatedExtensions}" />
index ecf52fa..aaa2e62 100644 (file)
        width: auto;
 }
 
-.typo3-extension-list {
-       width: 100%;
-}
-
-.typo3-extension-list td {
-       padding: 10px;
-}
-
 #typo3-extension-configuration-forms  {
        min-width: 400px;
        max-width: 900px;
        margin-left: -2px;
 }
 
-.alpha { @include alpha; }
-.beta { @include beta; }
-.stable { @include stable; }
-.experimental { @include experimental; }
-.test { @include test; }
-.obsolete { @include obsolete; }
-.excludeFromUpdates { @include excludeFromUpdates; }
+.t3-table td.alpha { @include alpha; }
+.t3-table td.beta { @include beta; }
+.t3-table td.stable { @include stable; }
+.t3-table td.experimental { @include experimental; }
+.t3-table td.test { @include test; }
+.t3-table td.obsolete { @include obsolete; }
+.t3-table td.excludeFromUpdates { @include excludeFromUpdates; }
 
 .alpha,
 .beta,
 }
 
 #typo3-extension-configuration-forms .info {
-       font-size: 9px;
        color: #666;
        font-weight: normal;
 }
index 9623e44..5cd7805 100644 (file)
        th { font-weight: normal; color: #8c8c8c; padding: 4px 20px 4px 0; }
 }
 
-.currentVersionInfo a {
-       text-decoration: underline;
-}
-
 span.ter-ext-state {
        padding: 0 0 0 5px;
        font-weight: bold;
@@ -108,3 +104,7 @@ span.ter-ext-state-beta {
 span.ter-ext-state-alpha {
        color: #f14400;
 }
+
+#typo3-docbody form.download {
+       margin-bottom: 0;
+}
\ No newline at end of file
index 7126624..f75d0b4 100644 (file)
 
 // Table
 .typo3-extension-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;
                }
        }
 
-       // All lines
-       tr {
-
-               // Reset some values that get applied by jQuery UI styling
-               &.odd,
-               &.even {
-                       td {
-                               background: none;
-                       }
-
-                       &:hover {
-                               td {
-                                       background: none;
-
-                                       &.alpha { @include alpha; }
-                                       &.beta { @include beta; }
-                                       &.stable { @include stable; }
-                                       &.experimental { @include experimental; }
-                                       &.test { @include test; }
-                                       &.obsolete { @include obsolete; }
-                                       &.excludeFromUpdates { @include excludeFromUpdates; }
-                               }
-                       }
-               }
-
-               // Add some stuff to match corporate design
-               td {
-                       background: none;
-                       padding: 8px 10px;
-                       vertical-align: middle;
-
-                       &.state {
-                               width: 70px;
-                       }
-
-                       &.alpha { @include alpha; }
-                       &.beta { @include beta; }
-                       &.stable { @include stable; }
-                       &.experimental { @include experimental; }
-                       &.test { @include test; }
-                       &.obsolete { @include obsolete; }
-                       &.excludeFromUpdates { @include excludeFromUpdates; }
-
-                       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;
-               }
-
-       }
-
        .ext-icon {
                max-height: 16px;
                width: auto;
        }
 }
 
-
-
 // Paginator
 .dataTables_info {
        display: none;
        margin: 10px 0 0;
 }
 
-
-
-
 .uploadForm {
        background-color: #ededed;
        border-top: 1px solid #cdcdcd;
index d359536..673035c 100644 (file)
@@ -21,7 +21,7 @@
                <div class="typo3-extensionmanager-headerRowRight">
                </div>
        </div>
-       <table id="typo3-extension-list" class="typo3-extension-list">
+       <table id="typo3-extension-list" class="t3-table typo3-extension-list">
                <thead>
                        <tr>
                                <th title="{f:translate(key:'extensionList.header.title.update')}"><f:translate key="extensionList.header.update"/></th>
index d0da8fb..2856193 100644 (file)
@@ -58,7 +58,7 @@
                </table>
        </f:if>
 
-       <table id="terVersionTable" class="typo3-extension-list">
+       <table id="terVersionTable" class="t3-table typo3-extension-list">
                <f:render partial="List/TerShowVersionsTable" arguments="{extensions: extensions}" />
        </table>
 </f:section>
index 0eca1b6..941242b 100644 (file)
@@ -27,7 +27,7 @@
        </div>
        <f:if condition="{search}">
                <f:then>
-                       <table id="terSearchTable" class="typo3-extension-list">
+                       <table id="terSearchTable" class="t3-table typo3-extension-list">
                                <f:render partial="List/TerTable" arguments="{paginatedExtensions:extensions, availableAndInstalled:availableAndInstalled}" />
                        </table>
                </f:then>
index ef69981..14b2bf4 100644 (file)
@@ -2,3 +2,7 @@ The main.css is generated from the SASS (in its dialect SCSS) files. Please do n
 
 See http://wiki.typo3.org/Sass for details.
 
+
+When you have SASS working, execute the following command to compile CSS file from within this directory:
+
+$ sass ../../Private/Scss/main.scss main.css
\ No newline at end of file
index 1d651c0..50f9139 100644 (file)
 .dataTables_paginate {
   width: auto; }
 
-.typo3-extension-list {
-  width: 100%; }
-
-.typo3-extension-list td {
-  padding: 10px; }
-
 #typo3-extension-configuration-forms {
   min-width: 400px;
   max-width: 900px; }
   padding: 3px 10px;
   margin-left: -2px; }
 
-.alpha {
+.t3-table td.alpha {
   color: #f14400; }
 
-.beta {
+.t3-table td.beta {
   color: #f4bd00; }
 
-.stable {
+.t3-table td.stable {
   color: #3db900; }
 
-.experimental {
+.t3-table td.experimental {
   color: #000; }
 
-.test {
+.t3-table td.test {
   color: #000; }
 
-.obsolete {
+.t3-table td.obsolete {
   color: #8c8c8c; }
 
-.excludeFromUpdates {
+.t3-table td.excludeFromUpdates {
   color: #000; }
 
 .alpha,
   display: inline; }
 
 #typo3-extension-configuration-forms .info {
-  font-size: 9px;
   color: #666;
   font-weight: normal; }
 
@@ -229,82 +222,18 @@ p {
   .ui-toolbar .dataTables_filter {
     float: left; }
 
-.typo3-extension-list {
-  border-spacing: 0; }
-  .typo3-extension-list thead {
-    background-color: #666; }
-    .typo3-extension-list thead tr {
-      background: none !important; }
-      .typo3-extension-list thead tr:hover {
-        background: none; }
-  .typo3-extension-list th {
-    background: none;
-    border: 0;
-    padding: 8px 10px;
-    min-width: 53px;
+.typo3-extension-list th {
+  min-width: 53px;
+  cursor: pointer; }
+  .typo3-extension-list th .DataTables_sort_icon {
+    display: inline-block;
     vertical-align: middle;
-    font-weight: bold;
-    color: #fff;
-    cursor: pointer;
-    white-space: nowrap; }
-    .typo3-extension-list th:hover {
-      background: rgba(200, 200, 200, 0.3); }
-    .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 tr.odd td, .typo3-extension-list tr.even td {
-    background: none; }
-  .typo3-extension-list tr.odd:hover td, .typo3-extension-list tr.even:hover td {
-    background: none; }
-    .typo3-extension-list tr.odd:hover td.alpha, .typo3-extension-list tr.even:hover td.alpha {
-      color: #f14400; }
-    .typo3-extension-list tr.odd:hover td.beta, .typo3-extension-list tr.even:hover td.beta {
-      color: #f4bd00; }
-    .typo3-extension-list tr.odd:hover td.stable, .typo3-extension-list tr.even:hover td.stable {
-      color: #3db900; }
-    .typo3-extension-list tr.odd:hover td.experimental, .typo3-extension-list tr.even:hover td.experimental {
-      color: #000; }
-    .typo3-extension-list tr.odd:hover td.test, .typo3-extension-list tr.even:hover td.test {
-      color: #000; }
-    .typo3-extension-list tr.odd:hover td.obsolete, .typo3-extension-list tr.even:hover td.obsolete {
-      color: #8c8c8c; }
-    .typo3-extension-list tr.odd:hover td.excludeFromUpdates, .typo3-extension-list tr.even:hover td.excludeFromUpdates {
-      color: #000; }
-  .typo3-extension-list tr td {
-    background: none;
-    padding: 8px 10px;
-    vertical-align: middle; }
-    .typo3-extension-list tr td.state {
-      width: 70px; }
-    .typo3-extension-list tr td.alpha {
-      color: #f14400; }
-    .typo3-extension-list tr td.beta {
-      color: #f4bd00; }
-    .typo3-extension-list tr td.stable {
-      color: #3db900; }
-    .typo3-extension-list tr td.experimental {
-      color: #000; }
-    .typo3-extension-list tr td.test {
-      color: #000; }
-    .typo3-extension-list tr td.obsolete {
-      color: #8c8c8c; }
-    .typo3-extension-list tr td.excludeFromUpdates {
-      color: #000; }
-    .typo3-extension-list tr td img {
-      vertical-align: middle;
-      margin-right: 5px; }
-  .typo3-extension-list tr:nth-child(2n) {
-    background: #fff; }
-  .typo3-extension-list tr:nth-child(2n + 1) {
-    background: #f7f7f7; }
-  .typo3-extension-list tr:hover {
-    background: #ececec; }
-  .typo3-extension-list .ext-icon {
-    max-height: 16px;
-    width: auto; }
+    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; }
@@ -389,9 +318,6 @@ p {
     color: #8c8c8c;
     padding: 4px 20px 4px 0; }
 
-.currentVersionInfo a {
-  text-decoration: underline; }
-
 span.ter-ext-state {
   padding: 0 0 0 5px;
   font-weight: bold;
@@ -409,3 +335,6 @@ span.ter-ext-state-beta {
 
 span.ter-ext-state-alpha {
   color: #f14400; }
+
+#typo3-docbody form.download {
+  margin-bottom: 0; }