PDF Viewer: Ellipse long property values

Polish the properties dialog to gracefully handle long values. Per UX
guidance, set the max width of values to 300px and ellipse the rest by
default. "Keywords" will later override the CSS to wrap instead of
ellipsing.

Screenshot: https://imgur.com/a/wD5sMrt

Bug: 93619
Change-Id: Iab80a500c596447da8648871e2105b1b649d64f2
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2622581
Commit-Queue: Daniel Hosseinian <dhoss@chromium.org>
Reviewed-by: dpapad <dpapad@chromium.org>
Cr-Commit-Position: refs/heads/master@{#842652}

chrome/browser/resources/pdf/elements/viewer-properties-dialog.html

@@ -29,7 +29,11 @@
 
   .value {
     color: var(--cr-secondary-text-color);
+    max-width: 300px;
     min-width: 200px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 </style>
 <cr-dialog show-on-attach>