[BUGFIX] Use lighter sorting icon on dark background
authorHelmut Hummel <helmut.hummel@typo3.org>
Sat, 7 Jul 2012 14:51:50 +0000 (16:51 +0200)
committerSteffen Ritter <info@rs-websystems.de>
Sat, 7 Jul 2012 22:10:10 +0000 (00:10 +0200)
Change f28bdc1 introduced new sorting icons for the list
and file list module. To further improve it, use light
arrows for the dark background in the file list module.

Additionally change the naming from "sort" to "sorting"

Change-Id: I5132e684ce461c61be097608f2d90f36f05528b9
Resolves: #11127
Releases: 6.0
Reviewed-on: http://review.typo3.org/12692
Reviewed-by: Steffen Ritter
Tested-by: Steffen Ritter
t3lib/stddb/tables.php
typo3/class.db_list_extra.inc
typo3/class.file_list.inc
typo3/sysext/t3skin/images/icons/status/status-sort-asc.png [deleted file]
typo3/sysext/t3skin/images/icons/status/status-sort-desc.png [deleted file]
typo3/sysext/t3skin/images/icons/status/status-sorting-asc.png [new file with mode: 0644]
typo3/sysext/t3skin/images/icons/status/status-sorting-desc.png [new file with mode: 0644]
typo3/sysext/t3skin/images/icons/status/status-sorting-light-asc.png [new file with mode: 0644]
typo3/sysext/t3skin/images/icons/status/status-sorting-light-desc.png [new file with mode: 0644]
typo3/sysext/t3skin/images/sprites/t3skin.png
typo3/sysext/t3skin/stylesheets/sprites/t3skin.css

index cdd3c90..6707331 100644 (file)
@@ -933,8 +933,10 @@ $GLOBALS['TBE_STYLES']['spriteIconApi']['coreSpriteImageNames'] = array(
        'status-status-readonly',
        'status-status-reference-hard',
        'status-status-reference-soft',
-       'status-status-sort-asc',
-       'status-status-sort-desc',
+       'status-status-sorting-asc',
+       'status-status-sorting-desc',
+       'status-status-sorting-light-asc',
+       'status-status-sorting-light-desc',
        'status-status-workspace-draft',
        'status-system-extension-required',
        'status-user-admin',
@@ -997,8 +999,6 @@ $GLOBALS['TBE_STYLES']['spriteIconApi']['coreSpriteImageNames'] = array(
        'status-warning-lock'
 );
 
-
-
 $GLOBALS['TBE_STYLES']['spriteIconApi']['spriteIconRecordOverlayPriorities'] = array(
        'deleted',
        'hidden',
index 3ba9d9c..8688644 100644 (file)
@@ -1698,7 +1698,7 @@ class localRecordList extends recordList {
 
                        //       Create the sort link:
                $sortUrl = $this->listURL('', -1, 'sortField,sortRev,table,firstElementNumber') . '&table=' . $table . '&sortField=' . $field . '&sortRev=' . ($this->sortRev || ($this->sortField != $field) ? 0 : 1);
-               $sortArrow = $this->sortField === $field ? t3lib_iconWorks::getSpriteIcon('status-status-sort-' . ($this->sortRev ? 'desc' : 'asc')) : '';
+               $sortArrow = $this->sortField === $field ? t3lib_iconWorks::getSpriteIcon('status-status-sorting-' . ($this->sortRev ? 'desc' : 'asc')) : '';
                        // Return linked field:
                return '<a href="' . htmlspecialchars($sortUrl) . '">' . $code . $sortArrow . '</a>';
        }
index 67dbbff..d5ee59e 100644 (file)
@@ -599,7 +599,7 @@ class fileList extends t3lib_recordList {
                if ($this->sort === $col) {
                                // Check reverse sorting
                        $params = '&SET[sort]=' . $col . '&SET[reverse]=' . ($this->sortRev ? '0' : '1');
-                       $sortArrow = t3lib_iconWorks::getSpriteIcon('status-status-sort-' . ($this->sortRev ? 'desc' : 'asc'));
+                       $sortArrow = t3lib_iconWorks::getSpriteIcon('status-status-sorting-light-' . ($this->sortRev ? 'desc' : 'asc'));
                } else {
                        $params = '&SET[sort]=' . $col . '&SET[reverse]=0';
                        $sortArrow = '';
diff --git a/typo3/sysext/t3skin/images/icons/status/status-sort-asc.png b/typo3/sysext/t3skin/images/icons/status/status-sort-asc.png
deleted file mode 100644 (file)
index 0c273c5..0000000
Binary files a/typo3/sysext/t3skin/images/icons/status/status-sort-asc.png and /dev/null differ
diff --git a/typo3/sysext/t3skin/images/icons/status/status-sort-desc.png b/typo3/sysext/t3skin/images/icons/status/status-sort-desc.png
deleted file mode 100644 (file)
index d273a2a..0000000
Binary files a/typo3/sysext/t3skin/images/icons/status/status-sort-desc.png and /dev/null differ
diff --git a/typo3/sysext/t3skin/images/icons/status/status-sorting-asc.png b/typo3/sysext/t3skin/images/icons/status/status-sorting-asc.png
new file mode 100644 (file)
index 0000000..0c273c5
Binary files /dev/null and b/typo3/sysext/t3skin/images/icons/status/status-sorting-asc.png differ
diff --git a/typo3/sysext/t3skin/images/icons/status/status-sorting-desc.png b/typo3/sysext/t3skin/images/icons/status/status-sorting-desc.png
new file mode 100644 (file)
index 0000000..d273a2a
Binary files /dev/null and b/typo3/sysext/t3skin/images/icons/status/status-sorting-desc.png differ
diff --git a/typo3/sysext/t3skin/images/icons/status/status-sorting-light-asc.png b/typo3/sysext/t3skin/images/icons/status/status-sorting-light-asc.png
new file mode 100644 (file)
index 0000000..8fca72c
Binary files /dev/null and b/typo3/sysext/t3skin/images/icons/status/status-sorting-light-asc.png differ
diff --git a/typo3/sysext/t3skin/images/icons/status/status-sorting-light-desc.png b/typo3/sysext/t3skin/images/icons/status/status-sorting-light-desc.png
new file mode 100644 (file)
index 0000000..eebbb5f
Binary files /dev/null and b/typo3/sysext/t3skin/images/icons/status/status-sorting-light-desc.png differ
index 3bd817e..370e573 100644 (file)
Binary files a/typo3/sysext/t3skin/images/sprites/t3skin.png and b/typo3/sysext/t3skin/images/sprites/t3skin.png differ
index f0859eb..bb5fa79 100644 (file)
@@ -1,24 +1,24 @@
 
 .t3-icon-actions {
-       background-image: url('../../images/sprites/t3skin.png?1341672758') !important;
+       background-image: url('../../images/sprites/t3skin.png?1341698812') !important;
        height: 16px;
        width: 16px;
 }
 
 .t3-icon-apps {
-       background-image: url('../../images/sprites/t3skin.png?1341672758') !important;
+       background-image: url('../../images/sprites/t3skin.png?1341698812') !important;
        height: 16px;
        width: 16px;
 }
 
 .t3-icon-mimetypes {
-       background-image: url('../../images/sprites/t3skin.png?1341672758') !important;
+       background-image: url('../../images/sprites/t3skin.png?1341698812') !important;
        height: 16px;
        width: 16px;
 }
 
 .t3-icon-status {
-       background-image: url('../../images/sprites/t3skin.png?1341672758') !important;
+       background-image: url('../../images/sprites/t3skin.png?1341698812') !important;
        height: 16px;
        width: 16px;
 }
        background-position: -54px -234px !important;
 
 }
-.t3-icon-status-sort-asc {
+.t3-icon-status-sorting-asc {
        background-position: -72px -234px !important;
 
 }
-.t3-icon-status-sort-desc {
+.t3-icon-status-sorting-desc {
        background-position: -90px -234px !important;
 
 }
-.t3-icon-status-workspace-draft {
+.t3-icon-status-sorting-light-asc {
        background-position: -108px -234px !important;
 
 }
-.t3-icon-system-extension-required {
+.t3-icon-status-sorting-light-desc {
        background-position: -126px -234px !important;
 
 }
-.t3-icon-user-admin {
+.t3-icon-status-workspace-draft {
        background-position: -144px -234px !important;
 
 }
-.t3-icon-user-backend {
+.t3-icon-system-extension-required {
        background-position: -162px -234px !important;
 
 }
-.t3-icon-user-frontend {
+.t3-icon-user-admin {
        background-position: -180px -234px !important;
 
 }
-.t3-icon-user-group-backend {
+.t3-icon-user-backend {
        background-position: -198px -234px !important;
 
 }
-.t3-icon-user-group-frontend {
+.t3-icon-user-frontend {
        background-position: -216px -234px !important;
 
 }
-.t3-icon-version-1 {
+.t3-icon-user-group-backend {
        background-position: -234px -234px !important;
 
 }
+.t3-icon-user-group-frontend {
+       background-position: -252px -234px !important;
+
+}
+.t3-icon-version-1 {
+       background-position: -270px -234px !important;
+
+}
 .t3-icon-version-10 {
-       background-position: -72px -252px !important;
+       background-position: -108px -252px !important;
 
 }
 .t3-icon-version-11 {
-       background-position: -90px -252px !important;
+       background-position: -126px -252px !important;
 
 }
 .t3-icon-version-12 {
-       background-position: -108px -252px !important;
+       background-position: -144px -252px !important;
 
 }
 .t3-icon-version-13 {
-       background-position: -126px -252px !important;
+       background-position: -162px -252px !important;
 
 }
 .t3-icon-version-14 {
-       background-position: -144px -252px !important;
+       background-position: -180px -252px !important;
 
 }
 .t3-icon-version-15 {
-       background-position: -162px -252px !important;
+       background-position: -198px -252px !important;
 
 }
 .t3-icon-version-16 {
-       background-position: -180px -252px !important;
+       background-position: -216px -252px !important;
 
 }
 .t3-icon-version-17 {
-       background-position: -198px -252px !important;
+       background-position: -234px -252px !important;
 
 }
 .t3-icon-version-18 {
-       background-position: -216px -252px !important;
+       background-position: -252px -252px !important;
 
 }
 .t3-icon-version-19 {
-       background-position: -234px -252px !important;
+       background-position: -270px -252px !important;
 
 }
 .t3-icon-version-2 {
-       background-position: -252px -234px !important;
+       background-position: -288px -234px !important;
 
 }
 .t3-icon-version-20 {
-       background-position: -252px -252px !important;
+       background-position: -288px -252px !important;
 
 }
 .t3-icon-version-21 {
-       background-position: -270px -252px !important;
+       background-position: -306px -252px !important;
 
 }
 .t3-icon-version-22 {
-       background-position: -288px -252px !important;
+       background-position: -0px -270px !important;
 
 }
 .t3-icon-version-23 {
-       background-position: -306px -252px !important;
+       background-position: -18px -270px !important;
 
 }
 .t3-icon-version-24 {
-       background-position: -0px -270px !important;
+       background-position: -36px -270px !important;
 
 }
 .t3-icon-version-25 {
-       background-position: -18px -270px !important;
+       background-position: -54px -270px !important;
 
 }
 .t3-icon-version-26 {
-       background-position: -36px -270px !important;
+       background-position: -72px -270px !important;
 
 }
 .t3-icon-version-27 {
-       background-position: -54px -270px !important;
+       background-position: -90px -270px !important;
 
 }
 .t3-icon-version-28 {
-       background-position: -72px -270px !important;
+       background-position: -108px -270px !important;
 
 }
 .t3-icon-version-29 {
-       background-position: -90px -270px !important;
+       background-position: -126px -270px !important;
 
 }
 .t3-icon-version-3 {
-       background-position: -270px -234px !important;
+       background-position: -306px -234px !important;
 
 }
 .t3-icon-version-30 {
-       background-position: -108px -270px !important;
+       background-position: -144px -270px !important;
 
 }
 .t3-icon-version-31 {
-       background-position: -126px -270px !important;
+       background-position: -162px -270px !important;
 
 }
 .t3-icon-version-32 {
-       background-position: -144px -270px !important;
+       background-position: -180px -270px !important;
 
 }
 .t3-icon-version-33 {
-       background-position: -162px -270px !important;
+       background-position: -198px -270px !important;
 
 }
 .t3-icon-version-34 {
-       background-position: -180px -270px !important;
+       background-position: -216px -270px !important;
 
 }
 .t3-icon-version-35 {
-       background-position: -198px -270px !important;
+       background-position: -234px -270px !important;
 
 }
 .t3-icon-version-36 {
-       background-position: -216px -270px !important;
+       background-position: -252px -270px !important;
 
 }
 .t3-icon-version-37 {
-       background-position: -234px -270px !important;
+       background-position: -270px -270px !important;
 
 }
 .t3-icon-version-38 {
-       background-position: -252px -270px !important;
+       background-position: -288px -270px !important;
 
 }
 .t3-icon-version-39 {
-       background-position: -270px -270px !important;
+       background-position: -306px -270px !important;
 
 }
 .t3-icon-version-4 {
-       background-position: -288px -234px !important;
+       background-position: -0px -252px !important;
 
 }
 .t3-icon-version-40 {
-       background-position: -288px -270px !important;
+       background-position: -0px -288px !important;
 
 }
 .t3-icon-version-41 {
-       background-position: -306px -270px !important;
+       background-position: -18px -288px !important;
 
 }
 .t3-icon-version-42 {
-       background-position: -0px -288px !important;
+       background-position: -36px -288px !important;
 
 }
 .t3-icon-version-43 {
-       background-position: -18px -288px !important;
+       background-position: -54px -288px !important;
 
 }
 .t3-icon-version-44 {
-       background-position: -36px -288px !important;
+       background-position: -72px -288px !important;
 
 }
 .t3-icon-version-45 {
-       background-position: -54px -288px !important;
+       background-position: -90px -288px !important;
 
 }
 .t3-icon-version-46 {
-       background-position: -72px -288px !important;
+       background-position: -108px -288px !important;
 
 }
 .t3-icon-version-47 {
-       background-position: -90px -288px !important;
+       background-position: -126px -288px !important;
 
 }
 .t3-icon-version-48 {
-       background-position: -108px -288px !important;
+       background-position: -144px -288px !important;
 
 }
 .t3-icon-version-49 {
-       background-position: -126px -288px !important;
+       background-position: -162px -288px !important;
 
 }
 .t3-icon-version-5 {
-       background-position: -306px -234px !important;
+       background-position: -18px -252px !important;
 
 }
 .t3-icon-version-50 {
-       background-position: -144px -288px !important;
+       background-position: -180px -288px !important;
 
 }
 .t3-icon-version-6 {
-       background-position: -0px -252px !important;
+       background-position: -36px -252px !important;
 
 }
 .t3-icon-version-7 {
-       background-position: -18px -252px !important;
+       background-position: -54px -252px !important;
 
 }
 .t3-icon-version-8 {
-       background-position: -36px -252px !important;
+       background-position: -72px -252px !important;
 
 }
 .t3-icon-version-9 {
-       background-position: -54px -252px !important;
+       background-position: -90px -252px !important;
 
 }
 .t3-icon-version-no-version {
-       background-position: -162px -288px !important;
+       background-position: -198px -288px !important;
 
 }
 .t3-icon-warning-in-use {
-       background-position: -180px -288px !important;
+       background-position: -216px -288px !important;
 
 }
 .t3-icon-warning-lock {
-       background-position: -198px -288px !important;
+       background-position: -234px -288px !important;
 
 }