fix: make name and hash readable (#7014)

web/assets/css/transmission-app.scss

@@ -1057,9 +1057,7 @@ a {
     cursor: pointer;
     font-size: 14px;
     grid-area: name;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+    overflow-wrap: anywhere;
   }
 
   .inspector-torrent-file-list-entry.skip
@@ -1556,6 +1554,7 @@ dialog {
   display: flex;
   font-size: 1.2em;
   font-weight: bold;
+  overflow-wrap: anywhere;
 }
 
 .dialog-logo {
@@ -1685,6 +1684,10 @@ dialog {
     font-weight: bolder;
     margin-bottom: 4px;
   }
+
+  span {
+    overflow-wrap: anywhere;
+  }
 }
 
 /// UPLOAD DIALOG

web/src/inspector.js

@@ -103,6 +103,7 @@ export class Inspector extends EventTarget {
 
     append_section_title('Details');
     rows = [
+      ['name', 'Name:'],
       ['size', 'Size:'],
       ['location', 'Location:'],
       ['hash', 'Hash:'],
@@ -366,7 +367,7 @@ export class Inspector extends EventTarget {
     if (torrents.length === 0) {
       string = none;
     } else if (torrents.every((t) => t.isStopped())) {
-      string = stateString; // paused || finished}
+      string = stateString;
     } else {
       const get = (t) => t.getStartDate();
       const first = get(torrents[0]);
@@ -421,6 +422,14 @@ export class Inspector extends EventTarget {
     }
     setTextContent(e.info.error, string || none);
 
+    // torrent name
+    if (torrents.length === 1) {
+      string = torrents[0].getName();
+    } else {
+      string = torrents.length > 0 ? mixed : none;
+    }
+    setTextContent(e.info.name, string);
+
     // size
     if (torrents.length === 0) {
       string = none;
@@ -861,7 +870,6 @@ export class Inspector extends EventTarget {
         break;
       default:
         command = 'priority-normal';
-        break;
     }
 
     this._changeFileCommand(indices, command);