From da4d7c13ddaa7356acea74d49a7e5c374af97b00 Mon Sep 17 00:00:00 2001
From: Frans Saris <franssaris@gmail.com>
Date: Sun, 16 Feb 2014 17:25:27 +0100
Subject: [PATCH] [BUGFIX] Inline upload progress queue styles are missing
The cleanup done in #55810 breaks the styling of the
inline upload progress queue.
This patch is a followup that removes the use of css class
file_list_normal in for DragUploader. And adds the missing
table css class so the progress queue looks correct again.
Resolves: #56020
Releases: 6.2
Change-Id: I2889041a0d3be82be9b5df462b816a8d5a130d7d
Reviewed-on: https://review.typo3.org/27643
Reviewed-by: Wouter Wolters
Tested-by: Wouter Wolters
Reviewed-by: Anja Leichsenring
Tested-by: Anja Leichsenring
---
.../Public/JavaScript/DragUploader.js | 4 ++--
.../Public/Css/visual/module_file_list.css | 18 +++++++++---------
2 files changed, 11 insertions(+), 11 deletions(-)
diff --git a/typo3/sysext/backend/Resources/Public/JavaScript/DragUploader.js b/typo3/sysext/backend/Resources/Public/JavaScript/DragUploader.js
index 802fa7a2d312..74cb01e49a05 100644
--- a/typo3/sysext/backend/Resources/Public/JavaScript/DragUploader.js
+++ b/typo3/sysext/backend/Resources/Public/JavaScript/DragUploader.js
@@ -140,7 +140,7 @@ define('TYPO3/CMS/Backend/DragUploader', ['jquery'], function($) {
// no filelist then create own progress table
if (me.$fileList.length === 0) {
- me.$fileList = $('<table />').attr('id', 'typo3-filelist').addClass('t3-upload-queue').html('<tbody></tbody>').hide();
+ me.$fileList = $('<table />').attr('id', 'typo3-filelist').addClass('t3-table t3-upload-queue').html('<tbody></tbody>').hide();
if (me.dropZoneInsertBefore) {
me.$fileList.insertAfter(me.$dropzone);
} else {
@@ -164,7 +164,7 @@ define('TYPO3/CMS/Backend/DragUploader', ['jquery'], function($) {
me.file = file;
me.override = override;
- me.$row = $('<tr />').addClass('file_list_normal t3-upload-queue-item uploading');
+ me.$row = $('<tr />').addClass('t3-upload-queue-item uploading');
me.$iconCol = $('<td />').addClass('col-icon').appendTo(me.$row);
me.$fileName = $('<td />').text(file.name).appendTo(me.$row);
me.$progress = $('<td />').addClass('t3-upload-queue-progress')
diff --git a/typo3/sysext/t3skin/Resources/Public/Css/visual/module_file_list.css b/typo3/sysext/t3skin/Resources/Public/Css/visual/module_file_list.css
index b780d42a762b..82c8e4c98158 100644
--- a/typo3/sysext/t3skin/Resources/Public/Css/visual/module_file_list.css
+++ b/typo3/sysext/t3skin/Resources/Public/Css/visual/module_file_list.css
@@ -57,27 +57,27 @@ table#typo3-filelist tr td div.typo3-editCtrl {
table.t3-upload-queue {
margin: 10px 0;
}
-table#typo3-filelist tr.file_list_normal.t3-upload-queue-item.last td {
+table#typo3-filelist tr.t3-upload-queue-item.last td {
border-bottom: 1px solid #666666;
}
-table#typo3-filelist.t3-upload-queue tr.file_list_normal.t3-upload-queue-item.last td {
- border-bottom: 1px solid #A2AAB8;
+table#typo3-filelist.t3-upload-queue tr.t3-upload-queue-item.last td {
+ border-bottom: 1px solid #D7D7D7;
}
-table#typo3-filelist tr.file_list_normal.t3-upload-queue-item.uploading td {
+table#typo3-filelist tr.t3-upload-queue-item.uploading td {
color: #9D9D9D;
}
-table#typo3-filelist tr.file_list_normal.t3-upload-queue-item.error td {
+table#typo3-filelist tr.t3-upload-queue-item.error td {
color: #BF383F;
}
-table#typo3-filelist tr.file_list_normal.t3-upload-queue-item td.t3-upload-queue-progress {
+table#typo3-filelist tr.t3-upload-queue-item td.t3-upload-queue-progress {
color: #FFF;
padding: 0;
}
-table#typo3-filelist tr.file_list_normal.t3-upload-queue-item.uploading td.t3-upload-queue-progress {
+table#typo3-filelist tr.t3-upload-queue-item.uploading td.t3-upload-queue-progress {
background-color: #F2CEB0;
color: #000;
}
-table#typo3-filelist tr.file_list_normal.t3-upload-queue-item.error td.t3-upload-queue-progress {
+table#typo3-filelist tr.t3-upload-queue-item.error td.t3-upload-queue-progress {
background-color: #E5B6B9;
color: #F7F7F7;
}
@@ -111,4 +111,4 @@ div.t3-upload-queue-progress {
}
.error .t3-upload-queue-progress-bar {
background-color: #BF383F;
-}
\ No newline at end of file
+}
--
GitLab