Improve image thumbnails and files table

ChangeLog

@@ -10,6 +10,7 @@ New features:
 
 Improvements:
 
+* Improve image thumbnails and files table
 * Add confirmation inline popup to remove custom filter
 * Increase client_max_body_size value for Nginx
 

Makefile

@@ -1,6 +1,6 @@
 BUILD_DIR = /tmp
 
-CSS_APP = $(addprefix assets/css/src/, $(addsuffix .css, base links title table form button alert tooltip header board task comment subtask markdown listing activity dashboard pagination popover confirm sidebar responsive dropdown upload filters gantt project))
+CSS_APP = $(addprefix assets/css/src/, $(addsuffix .css, base links title table form button alert tooltip header board task comment subtask markdown listing activity dashboard pagination popover confirm sidebar responsive dropdown upload filters gantt project files))
 CSS_PRINT = $(addprefix assets/css/src/, $(addsuffix .css, print links table board task comment subtask markdown))
 CSS_VENDOR = $(addprefix assets/css/vendor/, $(addsuffix .css, jquery-ui.min jquery-ui-timepicker-addon.min chosen.min fullcalendar.min font-awesome.min c3.min))
 

app/Helper/File.php

@@ -38,15 +38,20 @@ class File extends \Kanboard\Core\Base
                 return 'fa-file-powerpoint-o';
             case 'zip':
             case 'rar':
+            case 'tar':
+            case 'bz2':
+            case 'xz':
+            case 'gz':
                 return 'fa-file-archive-o';
             case 'mp3':
-                return 'fa-audio-o';
+                return 'fa-file-audio-o';
             case 'avi':
-                return 'fa-video-o';
+            case 'mov':
+                return 'fa-file-video-o';
             case 'php':
             case 'html':
             case 'css':
-                return 'fa-code-o';
+                return 'fa-file-code-o';
             case 'pdf':
                 return 'fa-file-pdf-o';
         }

app/Locale/bs_BA/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => 'Skupi/raširi pregled',
     'No results match:' => 'Nema rezultata:',
     'Currency' => 'Valuta',
-    'Files' => 'Fajlovi',
-    'Images' => 'Slike',
     'Private project' => 'Privatni projekat',
     'AUD - Australian Dollar' => 'AUD - Australijski dolar',
     'CAD - Canadian Dollar' => 'CAD - Kanadski dolar',
@@ -645,9 +643,6 @@ return array(
     'Test your device' => 'Testiraj svoj uređaj',
     'Assign a color when the task is moved to a specific column' => 'Dodijeli boju kada je zadatak pomjeren u odabranu kolonu',
     '%s via Kanboard' => '%s uz pomoć Kanboard-a',
-    'uploaded by: %s' => 'dodano od strane: %s',
-    'uploaded on: %s' => 'dodano na: %s',
-    'size: %s' => 'veličina: %s',
     'Burndown chart for "%s"' => 'Grafikon izgaranja za "%s"',
     'Burndown chart' => 'Grafikon izgaranja',
     'This chart show the task complexity over the time (Work Remaining).' => 'Ovaj grafikon pokazuje kompleksnost zadatka u vremenu (Preostalo vremena)',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/cs_CZ/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => 'Kompaktní/plné zobrazení',
     'No results match:' => 'Žádná shoda:',
     'Currency' => 'Měna',
-    'Files' => 'Soubory',
-    'Images' => 'Obrázky',
     'Private project' => 'Soukromý projekt',
     // 'AUD - Australian Dollar' => '',
     // 'CAD - Canadian Dollar' => '',
@@ -645,9 +643,6 @@ return array(
     'Test your device' => 'Test Vašeho zařízení',
     'Assign a color when the task is moved to a specific column' => 'Přiřadit barvu, když je úkol přesunut do konkrétního sloupce',
     '%s via Kanboard' => '%s via Kanboard',
-    'uploaded by: %s' => 'Nahráno uživatelem: %s',
-    'uploaded on: %s' => 'Nahráno dne: %s',
-    'size: %s' => 'Velikost: %s',
     'Burndown chart for "%s"' => 'Burndown-Chart für "%s"',
     'Burndown chart' => 'Burndown-Chart',
     'This chart show the task complexity over the time (Work Remaining).' => 'Graf zobrazuje složitost úkolů v čase (Zbývající práce).',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/da_DK/translations.php

@@ -598,8 +598,6 @@ return array(
     // 'Compact/wide view' => '',
     // 'No results match:' => '',
     // 'Currency' => '',
-    // 'Files' => '',
-    // 'Images' => '',
     // 'Private project' => '',
     // 'AUD - Australian Dollar' => '',
     // 'CAD - Canadian Dollar' => '',
@@ -645,9 +643,6 @@ return array(
     // 'Test your device' => '',
     // 'Assign a color when the task is moved to a specific column' => '',
     // '%s via Kanboard' => '',
-    // 'uploaded by: %s' => '',
-    // 'uploaded on: %s' => '',
-    // 'size: %s' => '',
     // 'Burndown chart for "%s"' => '',
     // 'Burndown chart' => '',
     // 'This chart show the task complexity over the time (Work Remaining).' => '',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/de_DE/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => 'Kompakt/Breite-Ansicht',
     'No results match:' => 'Keine Ergebnisse:',
     'Currency' => 'Währung',
-    'Files' => 'Dateien',
-    'Images' => 'Bilder',
     'Private project' => 'privates Projekt',
     'AUD - Australian Dollar' => 'AUD - Australische Dollar',
     'CAD - Canadian Dollar' => 'CAD - Kanadische Dollar',
@@ -645,9 +643,6 @@ return array(
     'Test your device' => 'Teste dein Gerät',
     'Assign a color when the task is moved to a specific column' => 'Weise eine Farbe zu, wenn die Aufgabe zu einer bestimmten Spalte bewegt wird',
     '%s via Kanboard' => '%s via Kanboard',
-    'uploaded by: %s' => 'Hochgeladen von: %s',
-    'uploaded on: %s' => 'Hochgeladen am: %s',
-    'size: %s' => 'Größe: %s',
     'Burndown chart for "%s"' => 'Burndown-Diagramm für "%s"',
     'Burndown chart' => 'Burndown-Diagramm',
     'This chart show the task complexity over the time (Work Remaining).' => 'Dieses Diagramm zeigt die Aufgabenkomplexität über den Faktor Zeit (Verbleibende Arbeit).',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/el_GR/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => 'Συμπηκνωμένη/Ευρεία Προβολή',
     'No results match:' => 'Δεν ταιριάζει κανένα αποτέλεσμα :',
     'Currency' => 'Νόμισμα',
-    'Files' => 'Αρχεία',
-    'Images' => 'Εικόνες',
     'Private project' => 'Ιδιωτικό έργο',
     'AUD - Australian Dollar' => 'AUD - Australian Dollar',
     'CAD - Canadian Dollar' => 'CAD - Canadian Dollar',
@@ -645,9 +643,6 @@ return array(
     'Test your device' => 'Ελέγξτε τη συσκευή σας',
     'Assign a color when the task is moved to a specific column' => 'Αντιστοίχιση χρώματος όταν η εργασία κινείται σε μια συγκεκριμένη στήλη',
     '%s via Kanboard' => '%s via Kanboard',
-    'uploaded by: %s' => 'ανέβασμα από %s',
-    'uploaded on: %s' => 'ανέβασμα την %s',
-    'size: %s' => 'μέγεθος : %s',
     'Burndown chart for "%s"' => 'Δημιουργία διαγράμματος για « %s »',
     'Burndown chart' => 'Δημιουργία διαγράμματος',
     'This chart show the task complexity over the time (Work Remaining).' => 'Αυτό το γράφημα δείχνει την πολυπλοκότητα του έργου κατά την πάροδο του χρόνου (Εργασία που παραμένει).',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/es_ES/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => 'Vista compacta/amplia',
     'No results match:' => 'No hay resultados coincidentes:',
     'Currency' => 'Moneda',
-    'Files' => 'Ficheros',
-    'Images' => 'Imágenes',
     'Private project' => 'Proyecto privado',
     'AUD - Australian Dollar' => 'AUD - Dólar australiano',
     'CAD - Canadian Dollar' => 'CAD - Dólar canadiense',
@@ -645,9 +643,6 @@ return array(
     'Test your device' => 'Probar su dispositivo',
     'Assign a color when the task is moved to a specific column' => 'Asignar un color al mover la tarea a una columna específica',
     '%s via Kanboard' => '%s vía Kanboard',
-    'uploaded by: %s' => 'cargado por: %s',
-    'uploaded on: %s' => 'cargado en: %s',
-    'size: %s' => 'tamaño: %s',
     'Burndown chart for "%s"' => 'Trabajo pendiente para "%s"',
     'Burndown chart' => 'Trabajo pendiente',
     'This chart show the task complexity over the time (Work Remaining).' => 'Este diagrama mestra la complejidad de las tareas a lo largo del tiempo (Trabajo restante)',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/fi_FI/translations.php

@@ -598,8 +598,6 @@ return array(
     // 'Compact/wide view' => '',
     // 'No results match:' => '',
     // 'Currency' => '',
-    // 'Files' => '',
-    // 'Images' => '',
     // 'Private project' => '',
     // 'AUD - Australian Dollar' => '',
     // 'CAD - Canadian Dollar' => '',
@@ -645,9 +643,6 @@ return array(
     // 'Test your device' => '',
     // 'Assign a color when the task is moved to a specific column' => '',
     // '%s via Kanboard' => '',
-    // 'uploaded by: %s' => '',
-    // 'uploaded on: %s' => '',
-    // 'size: %s' => '',
     // 'Burndown chart for "%s"' => '',
     // 'Burndown chart' => '',
     // 'This chart show the task complexity over the time (Work Remaining).' => '',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/fr_FR/translations.php

@@ -600,8 +600,6 @@ return array(
     'Compact/wide view' => 'Basculer entre la vue compacte et étendue',
     'No results match:' => 'Aucun résultat :',
     'Currency' => 'Devise',
-    'Files' => 'Fichiers',
-    'Images' => 'Images',
     'Private project' => 'Projet privé',
     'AUD - Australian Dollar' => 'AUD - Dollar australien',
     'CAD - Canadian Dollar' => 'CAD - Dollar canadien',
@@ -647,9 +645,6 @@ return array(
     'Test your device' => 'Testez votre appareil',
     'Assign a color when the task is moved to a specific column' => 'Assigner une couleur lorsque la tâche est déplacée dans une colonne spécifique',
     '%s via Kanboard' => '%s via Kanboard',
-    'uploaded by: %s' => 'Téléchargé par %s',
-    'uploaded on: %s' => 'Téléchargé le %s',
-    'size: %s' => 'Taille : %s',
     'Burndown chart for "%s"' => 'Graphique d\'avancement pour « %s »',
     'Burndown chart' => 'Graphique d\'avancement',
     'This chart show the task complexity over the time (Work Remaining).' => 'Ce graphique représente la complexité des tâches en fonction du temps (travail restant).',
@@ -1140,4 +1135,10 @@ return array(
     'Do you really want to disable this user: "%s"?' => 'Voulez-vous vraiment désactiver cet utilisateur : « %s » ?',
     'Enable user' => 'Activer un utilisateur',
     'Do you really want to enable this user: "%s"?' => 'Voulez-vous vraiment activer cet utilisateur : « %s » ?',
+    'Download' => 'Télécharger',
+    'Uploaded: %s' => 'Uploadé : %s',
+    'Size: %s' => 'Taille : %s',
+    'Uploaded by %s' => 'Uploadé par %s',
+    'Filename' => 'Nom du fichier',
+    'Size' => 'Taille',
 );

app/Locale/hu_HU/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => 'Kompakt/széles nézet',
     'No results match:' => 'Nincs találat:',
     'Currency' => 'Pénznem',
-    'Files' => 'Fájlok',
-    'Images' => 'Képek',
     'Private project' => 'Privát projekt',
     'AUD - Australian Dollar' => 'AUD - Ausztrál dollár',
     'CAD - Canadian Dollar' => 'CAD - Kanadai dollár',
@@ -645,9 +643,6 @@ return array(
     // 'Test your device' => '',
     // 'Assign a color when the task is moved to a specific column' => '',
     // '%s via Kanboard' => '',
-    // 'uploaded by: %s' => '',
-    // 'uploaded on: %s' => '',
-    // 'size: %s' => '',
     // 'Burndown chart for "%s"' => '',
     // 'Burndown chart' => '',
     // 'This chart show the task complexity over the time (Work Remaining).' => '',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/id_ID/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => 'Beralih antara tampilan kompak dan diperluas',
     'No results match:' => 'Tidak ada hasil :',
     'Currency' => 'Mata uang',
-    'Files' => 'Arsip',
-    'Images' => 'Gambar',
     'Private project' => 'Proyek pribadi',
     'AUD - Australian Dollar' => 'AUD - Dollar Australia',
     'CAD - Canadian Dollar' => 'CAD - Dollar Kanada',
@@ -645,9 +643,6 @@ return array(
     'Test your device' => 'Menguji perangkat anda',
     'Assign a color when the task is moved to a specific column' => 'Menetapkan warna ketika tugas tersebut dipindahkan ke kolom tertentu',
     '%s via Kanboard' => '%s via Kanboard',
-    'uploaded by: %s' => 'diunggah oleh %s',
-    'uploaded on: %s' => 'diunggah pada %s',
-    'size: %s' => 'ukuran : %s',
     'Burndown chart for "%s"' => 'Grafik Burndown untku « %s »',
     'Burndown chart' => 'Grafik Burndown',
     'This chart show the task complexity over the time (Work Remaining).' => 'Grafik ini menunjukkan kompleksitas tugas dari waktu ke waktu (Sisa Pekerjaan).',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/it_IT/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => 'Vista compatta/estesa',
     'No results match:' => 'Nessun risultato trovato:',
     'Currency' => 'Valuta',
-    'Files' => 'File',
-    'Images' => 'Immagini',
     'Private project' => 'Progetto privato',
     'AUD - Australian Dollar' => 'AUD - Dollari Australiani',
     'CAD - Canadian Dollar' => 'CAD - Dollari Canadesi',
@@ -645,9 +643,6 @@ return array(
     'Test your device' => 'Testa il tuo dispositivo',
     'Assign a color when the task is moved to a specific column' => 'Assegna un colore quando il task viene spostato in una colonna specifica',
     '%s via Kanboard' => '%s tramite Kanboard',
-    'uploaded by: %s' => 'caricato da: %s',
-    'uploaded on: %s' => 'caricato su: %s',
-    'size: %s' => 'Dimensione: %s',
     'Burndown chart for "%s"' => 'Grafico Burndown per "%s"',
     'Burndown chart' => 'Grafico Burndown',
     'This chart show the task complexity over the time (Work Remaining).' => 'Questo grafico mostra la complessità dei task nel tempo (Lavoro residuo).',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/ja_JP/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => 'コンパクト／ワイドビュー',
     'No results match:' => '結果が一致しませんでした',
     'Currency' => '通貨',
-    'Files' => 'ファイル',
-    'Images' => '画像',
     'Private project' => 'プライベートプロジェクト',
     'AUD - Australian Dollar' => 'AUD - 豪ドル',
     'CAD - Canadian Dollar' => 'CAD - 加ドル',
@@ -645,9 +643,6 @@ return array(
     'Test your device' => 'デバイスをテストする',
     // 'Assign a color when the task is moved to a specific column' => '',
     // '%s via Kanboard' => '',
-    // 'uploaded by: %s' => '',
-    // 'uploaded on: %s' => '',
-    // 'size: %s' => '',
     // 'Burndown chart for "%s"' => '',
     // 'Burndown chart' => '',
     // 'This chart show the task complexity over the time (Work Remaining).' => '',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/my_MY/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => 'Beralih antara tampilan kompak dan diperluas',
     'No results match:' => 'Tidak ada hasil :',
     'Currency' => 'Mata uang',
-    'Files' => 'Arsip',
-    'Images' => 'Gambar',
     'Private project' => 'projek pribadi',
     'AUD - Australian Dollar' => 'AUD - Dollar Australia',
     'CAD - Canadian Dollar' => 'CAD - Dollar Kanada',
@@ -645,9 +643,6 @@ return array(
     'Test your device' => 'Menguji perangkat anda',
     'Assign a color when the task is moved to a specific column' => 'Menetapkan warna ketika tugas tersebut dipindahkan ke kolom tertentu',
     '%s via Kanboard' => '%s via Kanboard',
-    'uploaded by: %s' => 'diunggah oleh %s',
-    'uploaded on: %s' => 'diunggah pada %s',
-    'size: %s' => 'ukuran : %s',
     'Burndown chart for "%s"' => 'Grafik Burndown untku « %s »',
     'Burndown chart' => 'Grafik Burndown',
     'This chart show the task complexity over the time (Work Remaining).' => 'Grafik ini menunjukkan kompleksitas tugas dari waktu ke waktu (Sisa Pekerjaan).',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/nb_NO/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => 'Kompakt/bred visning',
     'No results match:' => 'Ingen resultater',
     'Currency' => 'Valuta',
-    'Files' => 'Filer',
-    'Images' => 'Bilder',
     'Private project' => 'Privat prosjekt',
     // 'AUD - Australian Dollar' => '',
     // 'CAD - Canadian Dollar' => '',
@@ -645,9 +643,6 @@ return array(
     // 'Test your device' => '',
     'Assign a color when the task is moved to a specific column' => 'Endre til en valgt farge hvis en oppgave flyttes til en spesifikk kolonne',
     // '%s via Kanboard' => '',
-    // 'uploaded by: %s' => '',
-    // 'uploaded on: %s' => '',
-    // 'size: %s' => '',
     // 'Burndown chart for "%s"' => '',
     // 'Burndown chart' => '',
     // 'This chart show the task complexity over the time (Work Remaining).' => '',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/nl_NL/translations.php

@@ -598,8 +598,6 @@ return array(
     // 'Compact/wide view' => '',
     // 'No results match:' => '',
     // 'Currency' => '',
-    // 'Files' => '',
-    // 'Images' => '',
     // 'Private project' => '',
     // 'AUD - Australian Dollar' => '',
     // 'CAD - Canadian Dollar' => '',
@@ -645,9 +643,6 @@ return array(
     // 'Test your device' => '',
     // 'Assign a color when the task is moved to a specific column' => '',
     // '%s via Kanboard' => '',
-    // 'uploaded by: %s' => '',
-    // 'uploaded on: %s' => '',
-    // 'size: %s' => '',
     // 'Burndown chart for "%s"' => '',
     // 'Burndown chart' => '',
     // 'This chart show the task complexity over the time (Work Remaining).' => '',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/pl_PL/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => 'Pełny/Kompaktowy widok',
     'No results match:' => 'Brak wyników:',
     'Currency' => 'Waluta',
-    'Files' => 'Pliki',
-    'Images' => 'Obrazy',
     'Private project' => 'Projekt prywatny',
     'AUD - Australian Dollar' => 'AUD - Dolar australijski',
     'CAD - Canadian Dollar' => 'CAD - Dolar kanadyjski',
@@ -645,9 +643,6 @@ return array(
     'Test your device' => 'Przetestuj urządzenie',
     'Assign a color when the task is moved to a specific column' => 'Przypisz kolor gdy zadanie jest przeniesione do danej kolumny',
     '%s via Kanboard' => '%s poprzez Kanboard',
-    'uploaded by: %s' => 'Dodane przez: %s',
-    'uploaded on: %s' => 'Data dodania: %s',
-    'size: %s' => 'Rozmiar: %s',
     'Burndown chart for "%s"' => 'Wykres Burndown dla "%s"',
     'Burndown chart' => 'Wykres Burndown',
     // 'This chart show the task complexity over the time (Work Remaining).' => '',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/pt_BR/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => 'Alternar entre a vista compacta e ampliada',
     'No results match:' => 'Nenhum resultado:',
     'Currency' => 'Moeda',
-    'Files' => 'Arquivos',
-    'Images' => 'Imagens',
     'Private project' => 'Projeto privado',
     'AUD - Australian Dollar' => 'AUD - Dólar australiano',
     'CAD - Canadian Dollar' => 'CAD - Dólar canadense',
@@ -645,9 +643,6 @@ return array(
     'Test your device' => 'Teste o seu dispositivo',
     'Assign a color when the task is moved to a specific column' => 'Atribuir uma cor quando a tarefa é movida em uma coluna específica',
     '%s via Kanboard' => '%s via Kanboard',
-    'uploaded by: %s' => 'carregado por: %s',
-    'uploaded on: %s' => 'carregado em: %s',
-    'size: %s' => 'tamanho: %s',
     'Burndown chart for "%s"' => 'Gráfico de Burndown para "%s"',
     'Burndown chart' => 'Gráfico de Burndown',
     'This chart show the task complexity over the time (Work Remaining).' => 'Este gráfico mostra a complexidade da tarefa ao longo do tempo (Trabalho Restante).',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/pt_PT/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => 'Alternar entre a vista compacta e ampliada',
     'No results match:' => 'Nenhum resultado:',
     'Currency' => 'Moeda',
-    'Files' => 'Arquivos',
-    'Images' => 'Imagens',
     'Private project' => 'Projecto privado',
     'AUD - Australian Dollar' => 'AUD - Dólar australiano',
     'CAD - Canadian Dollar' => 'CAD - Dólar canadense',
@@ -645,9 +643,6 @@ return array(
     'Test your device' => 'Teste o seu dispositivo',
     'Assign a color when the task is moved to a specific column' => 'Atribuir uma cor quando a tarefa é movida em uma coluna específica',
     '%s via Kanboard' => '%s via Kanboard',
-    'uploaded by: %s' => 'carregado por: %s',
-    'uploaded on: %s' => 'carregado em: %s',
-    'size: %s' => 'tamanho: %s',
     'Burndown chart for "%s"' => 'Gráfico de Burndown para "%s"',
     'Burndown chart' => 'Gráfico de Burndown',
     'This chart show the task complexity over the time (Work Remaining).' => 'Este gráfico mostra a complexidade da tarefa ao longo do tempo (Trabalho Restante).',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/ru_RU/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => 'Компактный/широкий вид',
     'No results match:' => 'Отсутствуют результаты:',
     'Currency' => 'Валюта',
-    'Files' => 'Файлы',
-    'Images' => 'Изображения',
     'Private project' => 'Приватный проект',
     'AUD - Australian Dollar' => 'AUD - Австралийский доллар',
     'CAD - Canadian Dollar' => 'CAD - Канадский доллар',
@@ -645,9 +643,6 @@ return array(
     'Test your device' => 'Проверьте свое устройство',
     'Assign a color when the task is moved to a specific column' => 'Назначить цвет, когда задача перемещается в определенную колонку',
     '%s via Kanboard' => '%s через Канборд',
-    'uploaded by: %s' => 'загружено: %s',
-    'uploaded on: %s' => 'загружено в: %s',
-    'size: %s' => 'размер: %s',
     'Burndown chart for "%s"' => 'Диаграмма сгорания для « %s »',
     'Burndown chart' => 'Диаграмма сгорания',
     'This chart show the task complexity over the time (Work Remaining).' => 'Эта диаграмма показывают сложность задачи по времени (оставшейся работы).',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/sr_Latn_RS/translations.php

@@ -598,8 +598,6 @@ return array(
     // 'Compact/wide view' => '',
     // 'No results match:' => '',
     // 'Currency' => '',
-    // 'Files' => '',
-    // 'Images' => '',
     // 'Private project' => '',
     // 'AUD - Australian Dollar' => '',
     // 'CAD - Canadian Dollar' => '',
@@ -645,9 +643,6 @@ return array(
     // 'Test your device' => '',
     // 'Assign a color when the task is moved to a specific column' => '',
     // '%s via Kanboard' => '',
-    // 'uploaded by: %s' => '',
-    // 'uploaded on: %s' => '',
-    // 'size: %s' => '',
     // 'Burndown chart for "%s"' => '',
     // 'Burndown chart' => '',
     // 'This chart show the task complexity over the time (Work Remaining).' => '',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/sv_SE/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => 'Kompakt/bred vy',
     'No results match:' => 'Inga matchande resultat',
     'Currency' => 'Valuta',
-    'Files' => 'Filer',
-    'Images' => 'Bilder',
     'Private project' => 'Privat projekt',
     'AUD - Australian Dollar' => 'AUD - Australiska dollar',
     'CAD - Canadian Dollar' => 'CAD - Kanadensiska dollar',
@@ -645,9 +643,6 @@ return array(
     'Test your device' => 'Testa din enhet',
     'Assign a color when the task is moved to a specific column' => 'Tilldela en färg när uppgiften flyttas till en specifik kolumn',
     '%s via Kanboard' => '%s via Kanboard',
-    'uploaded by: %s' => 'uppladdad av: %s',
-    'uploaded on: %s' => 'uppladdad på: %s',
-    'size: %s' => 'storlek: %s',
     'Burndown chart for "%s"' => 'Burndown diagram för "%s"',
     'Burndown chart' => 'Burndown diagram',
     'This chart show the task complexity over the time (Work Remaining).' => 'Diagrammet visar uppgiftens svårighet över tid (återstående arbete).',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/th_TH/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => 'พอดี/กว้าง มุมมอง',
     'No results match:' => 'ไม่มีผลลัพท์ที่ตรง',
     'Currency' => 'สกุลเงิน',
-    'Files' => 'ไฟล์',
-    'Images' => 'รูปภาพ',
     'Private project' => 'โปรเจคส่วนตัว',
     // 'AUD - Australian Dollar' => '',
     // 'CAD - Canadian Dollar' => '',
@@ -645,9 +643,6 @@ return array(
     'Test your device' => 'ทดสอบอุปกรณ์ของคุณ',
     'Assign a color when the task is moved to a specific column' => 'กำหนดสีเมื่องานถูกย้ายไปคอลัมน์ที่กำหนดไว้',
     // '%s via Kanboard' => '',
-    // 'uploaded by: %s' => '',
-    // 'uploaded on: %s' => '',
-    'size: %s' => 'ขนาด: %s',
     'Burndown chart for "%s"' => 'แผนภูมิงานกับเวลา "%s"',
     'Burndown chart' => 'แผนภูมิงานกับเวลา',
     // 'This chart show the task complexity over the time (Work Remaining).' => '',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/tr_TR/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => 'Ekrana sığdır / Geniş görünüm',
     'No results match:' => 'Uygun sonuç bulunamadı',
     'Currency' => 'Para birimi',
-    'Files' => 'Dosyalar',
-    'Images' => 'Resimler',
     'Private project' => 'Özel proje',
     // 'AUD - Australian Dollar' => '',
     // 'CAD - Canadian Dollar' => '',
@@ -645,9 +643,6 @@ return array(
     'Test your device' => 'Cihazınızı test edin',
     'Assign a color when the task is moved to a specific column' => 'Görev belirli bir sütuna taşındığında rengini değiştir',
     '%s via Kanboard' => '%s Kanboard ile',
-    'uploaded by: %s' => '%s tarafından yüklendi',
-    'uploaded on: %s' => '%s tarihinda yüklendi',
-    'size: %s' => 'Boyut: %s',
     'Burndown chart for "%s"' => '%s icin kalan iş grafiği',
     'Burndown chart' => 'Kalan iş grafiği',
     'This chart show the task complexity over the time (Work Remaining).' => 'Bu grafik zorluk seviyesini zamana göre gösterir (kalan iş)',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Locale/zh_CN/translations.php

@@ -598,8 +598,6 @@ return array(
     'Compact/wide view' => '紧凑/宽视图',
     'No results match:' => '无匹配结果:',
     'Currency' => '货币',
-    'Files' => '文件',
-    'Images' => '图片',
     'Private project' => '私人项目',
     'AUD - Australian Dollar' => '澳元',
     'CAD - Canadian Dollar' => '加元',
@@ -645,9 +643,6 @@ return array(
     'Test your device' => '测试设备',
     'Assign a color when the task is moved to a specific column' => '任务移动到指定栏目时设置颜色',
     '%s via Kanboard' => '%s 通过KanBoard',
-    'uploaded by: %s' => '由: %s 上传',
-    'uploaded on: %s' => '上传于 %s',
-    'size: %s' => '大小：%s',
     'Burndown chart for "%s"' => '燃尽图:"%s"',
     'Burndown chart' => '燃尽图',
     'This chart show the task complexity over the time (Work Remaining).' => '图表显示任务随时间(剩余时间)的复杂度',
@@ -1137,4 +1132,10 @@ return array(
     // 'Do you really want to disable this user: "%s"?' => '',
     // 'Enable user' => '',
     // 'Do you really want to enable this user: "%s"?' => '',
+    // 'Download' => '',
+    // 'Uploaded: %s' => '',
+    // 'Size: %s' => '',
+    // 'Uploaded by %s' => '',
+    // 'Filename' => '',
+    // 'Size' => '',
 );

app/Template/file/remove.php

@@ -10,6 +10,6 @@
     <div class="form-actions">
         <?= $this->url->link(t('Yes'), 'file', 'remove', array('task_id' => $task['id'], 'project_id' => $task['project_id'], 'file_id' => $file['id']), true, 'btn btn-red') ?>
         <?= t('or') ?>
-        <?= $this->url->link(t('cancel'), 'task', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id'])) ?>
+        <?= $this->url->link(t('cancel'), 'task', 'show', array('task_id' => $task['id'], 'project_id' => $task['project_id']), false, 'close-popover') ?>
     </div>
 </div>

app/Template/file/show.php

@@ -5,50 +5,76 @@
         <h2><?= t('Attachments') ?></h2>
     </div>
     <?php if (! empty($images)): ?>
-        <h3><?= t('Images') ?></h3>
+        <div class="file-thumbnails">
-        <ul class="task-show-images">
             <?php foreach ($images as $file): ?>
-                <li>
+                <div class="file-thumbnail">
-                    <div class="img_container">
+                    <a href="<?= $this->url->href('file', 'open', array('task_id' => $task['id'], 'project_id' => $task['project_id'], 'file_id' => $file['id'])) ?>" class="popover"><img src="<?= $this->url->href('file', 'thumbnail', array('file_id' => $file['id'], 'project_id' => $task['project_id'], 'task_id' => $file['task_id'])) ?>" title="<?= $this->e($file['name']) ?>" alt="<?= $this->e($file['name']) ?>"></a>
-                        <img src="<?= $this->url->href('file', 'thumbnail', array('file_id' => $file['id'], 'project_id' => $task['project_id'], 'task_id' => $file['task_id'])) ?>" alt="<?= $this->e($file['name']) ?>"/>
+                    <div class="file-thumbnail-content">
+                        <div class="file-thumbnail-title">
+                            <div class="dropdown">
+                            <a href="#" class="dropdown-menu dropdown-menu-link-text"><?= $this->e($file['name']) ?> <i class="fa fa-caret-down"></i></a>
+                            <ul>
+                                <?php if ($this->user->hasProjectAccess('file', 'remove', $task['project_id'])): ?>
+                                <li>
+                                    <i class="fa fa-trash fa-fw"></i>
+                                    <?= $this->url->link(t('Remove'), 'file', 'confirm', array('task_id' => $task['id'], 'project_id' => $task['project_id'], 'file_id' => $file['id']), false, 'popover') ?>
+                                </li>
+                                <?php endif ?>
+                                <li>
+                                    <i class="fa fa-download fa-fw"></i>
+                                    <?= $this->url->link(t('Download'), 'file', 'download', array('task_id' => $task['id'], 'project_id' => $task['project_id'], 'file_id' => $file['id'])) ?>
+                                </li>
+                            </ul>
+                            </div>
+                        </div>
+                        <div class="file-thumbnail-description">
+                            <span class="tooltip" title='<?= t('Uploaded: %s', $this->dt->datetime($file['date'])).'<br>'.t('Size: %s', $this->text->bytes($file['size'])) ?>'>
+                                <i class="fa fa-info-circle"></i>
+                            </span>
+                            <?= t('Uploaded by %s', $file['user_name'] ?: $file['username']) ?>
+                        </div>
                     </div>
-                    <p>
+                </div>
-                        <?= $this->e($file['name']) ?>
-                        <span class="tooltip" title='<?= t('uploaded by: %s', $file['user_name'] ?: $file['username']).'<br>'.t('uploaded on: %s', $this->dt->datetime($file['date'])).'<br>'.t('size: %s', $this->text->bytes($file['size'])) ?>'>
-                            <i class="fa fa-info-circle"></i>
-                        </span>
-                    </p>
-                    <span class="task-show-file-actions task-show-image-actions">
-                        <i class="fa fa-eye"></i> <?= $this->url->link(t('open file'), 'file', 'open', array('task_id' => $task['id'], 'project_id' => $task['project_id'], 'file_id' => $file['id']), false, 'popover') ?>
-                        <?php if ($this->user->hasProjectAccess('file', 'remove', $task['project_id'])): ?>
-                            <i class="fa fa-trash"></i> <?= $this->url->link(t('remove'), 'file', 'confirm', array('task_id' => $task['id'], 'project_id' => $task['project_id'], 'file_id' => $file['id'])) ?>
-                        <?php endif ?>
-                        <i class="fa fa-download"></i> <?= $this->url->link(t('download'), 'file', 'download', array('task_id' => $task['id'], 'project_id' => $task['project_id'], 'file_id' => $file['id'])) ?>
-                    </span>
-                </li>
             <?php endforeach ?>
-        </ul>
+        </div>
     <?php endif ?>
 
     <?php if (! empty($files)): ?>
-        <h3><?= t('Files') ?></h3>
+        <table class="table-stripped">
-        <table class="task-show-file-table">
+            <tr>
+                <th><?= t('Filename') ?></th>
+                <th><?= t('Creator') ?></th>
+                <th><?= t('Date') ?></th>
+                <th><?= t('Size') ?></th>
+            </tr>
             <?php foreach ($files as $file): ?>
                 <tr>
-                    <td><i class="fa <?= $this->file->icon($file['name']) ?> fa-fw"></i></td>
                     <td>
-                        <?= $this->e($file['name']) ?>
+                        <i class="fa <?= $this->file->icon($file['name']) ?> fa-fw"></i>
-                        <span class="tooltip" title='<?= t('uploaded by: %s', $file['user_name'] ?: $file['username']).'<br>'.t('uploaded on: %s', $this->dt->datetime($file['date'])).'<br>'.t('size: %s', $this->text->bytes($file['size'])) ?>'>
+                        <div class="dropdown">
-                            <i class="fa fa-info-circle"></i>
+                            <a href="#" class="dropdown-menu dropdown-menu-link-text"><?= $this->e($file['name']) ?> <i class="fa fa-caret-down"></i></a>
-                        </span>
+                            <ul>
+                                <?php if ($this->user->hasProjectAccess('file', 'remove', $task['project_id'])): ?>
+                                <li>
+                                    <i class="fa fa-trash fa-fw"></i>
+                                    <?= $this->url->link(t('Remove'), 'file', 'confirm', array('task_id' => $task['id'], 'project_id' => $task['project_id'], 'file_id' => $file['id']), false, 'popover') ?>
+                                </li>
+                                <?php endif ?>
+                                <li>
+                                    <i class="fa fa-download fa-fw"></i>
+                                    <?= $this->url->link(t('Download'), 'file', 'download', array('task_id' => $task['id'], 'project_id' => $task['project_id'], 'file_id' => $file['id'])) ?>
+                                </li>
+                            </ul>
+                        </div>
                     </td>
                     <td>
-                        <span class="task-show-file-actions">
+                        <?= $this->e($file['user_name'] ?: $file['username']) ?>
-                            <?php if ($this->user->hasProjectAccess('file', 'remove', $task['project_id'])): ?>
+                    </td>
-                                <i class="fa fa-trash"></i> <?= $this->url->link(t('remove'), 'file', 'confirm', array('task_id' => $task['id'], 'project_id' => $task['project_id'], 'file_id' => $file['id'])) ?>
+                    <td>
-                            <?php endif ?>
+                        <?= $this->dt->date($file['date']) ?>
-                            <i class="fa fa-download"></i> <?= $this->url->link(t('download'), 'file', 'download', array('task_id' => $task['id'], 'project_id' => $task['project_id'], 'file_id' => $file['id'])) ?>
+                    </td>
-                        </span>
+                    <td>
+                        <?= $this->text->bytes($file['size']) ?>
                     </td>
                 </tr>
             <?php endforeach ?>

assets/css/src/dropdown.css

@@ -71,11 +71,16 @@ ul.dropdown-submenu-open {
     padding-right: 10px;
 }
 
+.dropdown-menu-link-text,
 .dropdown-menu-link-icon {
     color: #333;
     text-decoration: none;
 }
 
+.dropdown-menu-link-text:hover {
+    text-decoration: underline;
+}
+
 /* textarea dropdown */
 .textarea-dropdown {
     list-style: none;

assets/css/src/files.css

@@ -0,0 +1,45 @@
+.file-thumbnails {
+    display: -webkit-flex;
+    display: flex;
+    -webkit-flex-direction: row;
+    flex-direction: row;
+    -webkit-justify-content: space-between;
+    justify-content: space-between;
+    -webkit-flex-wrap: wrap;
+    flex-wrap: wrap;
+}
+
+.file-thumbnail {
+    width: 250px;
+    border: 1px solid #efefef;
+    border-radius: 5px;
+    margin-bottom: 20px;
+    box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.55);
+}
+
+.file-thumbnail img {
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+}
+
+.file-thumbnail img:hover {
+    opacity: 0.5;
+}
+
+.file-thumbnail-content {
+    padding-left: 8px;
+    padding-right: 8px;
+}
+
+.file-thumbnail-title {
+    font-weight: 700;
+    font-size: 0.9em;
+    color: #555;
+}
+
+.file-thumbnail-description {
+    font-size: 0.8em;
+    color: #aaa;
+    margin-top: 8px;
+    margin-bottom: 5px;
+}

assets/css/src/task.css

@@ -118,21 +118,11 @@ span.task-board-date-overdue {
 }
 
 /* task score */
-.task-score {
-    font-weight: bold;
-}
-
 .task-board .task-score {
+    font-weight: bold;
     font-size: 1.1em;
 }
 
-.task-show-details .task-score {
-    position: absolute;
-    bottom: 5px;
-    right: 5px;
-    font-size: 2em;
-}
-
 /* task age */
 .task-board-closed,
 .task-board-days {
@@ -167,7 +157,7 @@ span.task-board-date-overdue {
     display: none;
 }
 
-/* task view */
+/* task summary */
 #task-summary {
     margin-bottom: 15px;
 }
@@ -204,38 +194,6 @@ span.task-board-date-overdue {
     line-height: 23px;
 }
 
-.task-show-section {
-    margin-top: 30px;
-    margin-bottom: 20px;
-}
-
-.task-show-files a {
-    font-weight: bold;
-    text-decoration: none;
-}
-
-.task-show-files li {
-    margin-left: 25px;
-    list-style-type: square;
-    line-height: 25px;
-}
-
-.task-show-file-actions {
-    font-size: 0.75em;
-}
-
-.task-show-file-actions:before {
-    content: " [";
-}
-
-.task-show-file-actions:after {
-    content: "]";
-}
-
-.task-show-file-actions a {
-    color: #333;
-}
-
 .task-show-description {
     border-left: 4px solid #333;
     padding-left: 20px;
@@ -267,46 +225,6 @@ span.task-board-date-overdue {
     text-decoration: line-through;
 }
 
-.task-show-images {
-    list-style-type: none;
-}
-
-.task-show-images li img {
-    width: 100%;
-}
-
-.task-show-images li .img_container {
-    width: 250px;
-    height: 100px;
-    overflow: hidden;
-}
-
-.task-show-images li {
-    padding: 10px;
-    overflow: auto;
-    width: 250px;
-    min-height: 120px;
-    display: inline-block;
-    vertical-align: top;
-}
-
-.task-show-images li p{
-    padding: 5px;
-    font-weight: bold;
-}
-
-.task-show-images li:hover {
-    background: #eee;
-}
-
-.task-show-image-actions {
-    margin-left: 5px;
-}
-
-.task-show-file-table {
-    width: auto;
-}
-
 .flag-milestone {
     color: green;
 }

assets/js/src/Popover.js

@@ -35,10 +35,11 @@ Popover.prototype.onClick = function(e) {
     e.preventDefault();
     e.stopPropagation();
 
-    var link = e.target.getAttribute("href");
+    var target = e.currentTarget || e.target;
+    var link = target.getAttribute("href");
 
     if (! link) {
-        link = e.target.getAttribute("data-href");
+        link = target.getAttribute("data-href");
     }
 
     if (link) {