[BUGFIX] EM: reduce prominence of state column 40/19640/3
authorFelix Kopp <felix-source@phorax.com>
Sat, 6 Apr 2013 08:55:56 +0000 (10:55 +0200)
committerBenjamin Mack <benni@typo3.org>
Sat, 6 Apr 2013 10:04:20 +0000 (12:04 +0200)
Decrease the width of state column and invert the coloring.
The prominence of the state column is reduced to minimum.

Change-Id: I979b93b0bd1924fac856087a2b00e9ad30eb12ee
Fixes: #46967
Releases: 6.1, 6.0
Reviewed-on: https://review.typo3.org/19640
Reviewed-by: Wouter Wolters
Tested-by: Wouter Wolters
Reviewed-by: Benjamin Mack
Tested-by: Benjamin Mack
typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerSingleLine.html
typo3/sysext/extensionmanager/Resources/Private/Scss/helpers/_mixins.scss
typo3/sysext/extensionmanager/Resources/Private/Scss/page/_manage.scss
typo3/sysext/extensionmanager/Resources/Private/Templates/List/Index.html
typo3/sysext/extensionmanager/Resources/Public/Css/main.css

index dd34663..04bbacd 100644 (file)
@@ -22,6 +22,6 @@
                <div class="author-email">{extension.authorEmail}</div>
        </div>
 </td>
-<td class="{extension.stateString}">
+<td class="state {extension.stateString}">
        {extension.stateString}
 </td>
index 10c7cc6..b9dc6d7 100644 (file)
@@ -72,10 +72,10 @@ $useIEFilters: 0;
        @include transform(translate3d(0,0,0) #{$values});
 }
 
-@mixin alpha { background-color: #f14400; }
-@mixin beta { background-color: #f4bd00; }
-@mixin stable { background-color: #3db900; }
-@mixin experimental { background-color: #000; }
-@mixin test { background-color: #000; }
-@mixin obsolete { background-color: #8c8c8c; }
-@mixin excludeFromUpdates { background-color: #000; }
\ No newline at end of file
+@mixin alpha { color: #f14400; }
+@mixin beta { color: #f4bd00; }
+@mixin stable { color: #3db900; }
+@mixin experimental { color: #000; }
+@mixin test { color: #000; }
+@mixin obsolete { color: #8c8c8c; }
+@mixin excludeFromUpdates { color: #000; }
\ No newline at end of file
index 3ce762a..a0a682d 100644 (file)
                        padding: 8px 10px;
                        vertical-align: middle;
 
+                       &.state {
+                               width: 70px;
+                       }
 
                        &.alpha { @include alpha; }
                        &.beta { @include beta; }
index 3974506..8384357 100644 (file)
@@ -76,7 +76,7 @@
                                        <f:be.buttons.icon uri="{f:uri.action(action:'downloadExtensionZip',controller:'Action',arguments:'{extension:extension.key}')}" icon="actions-system-extension-download" title="{f:translate(key:'extensionList.downloadzip')}"/>
                                        <em:downloadExtensionData extension="{extension}" />
                                </td>
-                               <td class="{extension.state}">
+                               <td class="state {extension.state}">
                                        {extension.state}
                                </td>
                                </tr>
index a011f80..e7b5ae8 100644 (file)
@@ -1596,25 +1596,25 @@ button.ui-button::-moz-focus-inner {
   margin-left: -2px; }
 
 .alpha {
-  background-color: #f14400; }
+  color: #f14400; }
 
 .beta {
-  background-color: #f4bd00; }
+  color: #f4bd00; }
 
 .stable {
-  background-color: #3db900; }
+  color: #3db900; }
 
 .experimental {
-  background-color: #000; }
+  color: #000; }
 
 .test {
-  background-color: #000; }
+  color: #000; }
 
 .obsolete {
-  background-color: #8c8c8c; }
+  color: #8c8c8c; }
 
 .excludeFromUpdates {
-  background-color: #000; }
+  color: #000; }
 
 .alpha,
 .beta,
@@ -1728,37 +1728,39 @@ p {
   .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 {
-      background-color: #f14400; }
+      color: #f14400; }
     .typo3-extension-list tr.odd:hover td.beta, .typo3-extension-list tr.even:hover td.beta {
-      background-color: #f4bd00; }
+      color: #f4bd00; }
     .typo3-extension-list tr.odd:hover td.stable, .typo3-extension-list tr.even:hover td.stable {
-      background-color: #3db900; }
+      color: #3db900; }
     .typo3-extension-list tr.odd:hover td.experimental, .typo3-extension-list tr.even:hover td.experimental {
-      background-color: #000; }
+      color: #000; }
     .typo3-extension-list tr.odd:hover td.test, .typo3-extension-list tr.even:hover td.test {
-      background-color: #000; }
+      color: #000; }
     .typo3-extension-list tr.odd:hover td.obsolete, .typo3-extension-list tr.even:hover td.obsolete {
-      background-color: #8c8c8c; }
+      color: #8c8c8c; }
     .typo3-extension-list tr.odd:hover td.excludeFromUpdates, .typo3-extension-list tr.even:hover td.excludeFromUpdates {
-      background-color: #000; }
+      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 {
-      background-color: #f14400; }
+      color: #f14400; }
     .typo3-extension-list tr td.beta {
-      background-color: #f4bd00; }
+      color: #f4bd00; }
     .typo3-extension-list tr td.stable {
-      background-color: #3db900; }
+      color: #3db900; }
     .typo3-extension-list tr td.experimental {
-      background-color: #000; }
+      color: #000; }
     .typo3-extension-list tr td.test {
-      background-color: #000; }
+      color: #000; }
     .typo3-extension-list tr td.obsolete {
-      background-color: #8c8c8c; }
+      color: #8c8c8c; }
     .typo3-extension-list tr td.excludeFromUpdates {
-      background-color: #000; }
+      color: #000; }
     .typo3-extension-list tr td img {
       vertical-align: middle;
       margin-right: 5px; }