[Media Controls] Add ellipsis to long overflow menu text

This CL adds CSS to use ellipsis when overflow menu text is too long.

Bug: 839107
Change-Id: I367549c2e669d8e501f70157217544af96e74f0d
Reviewed-on: https://chromium-review.googlesource.com/1089382Reviewed-by: Becca Hughes <beccahughes@chromium.org>
Commit-Queue: Tommy Steimel <steimel@chromium.org>
Cr-Commit-Position: refs/heads/master@{#565038}

third_party/blink/renderer/modules/media_controls/resources/modernMediaControls.css

@@ -756,6 +756,7 @@ label[pseudo="-internal-media-controls-overflow-menu-list-item"] input {
 label[pseudo="-internal-media-controls-overflow-menu-list-item"] div {
   display: inline-grid;
   margin: 16px 0 16px 0;
+  overflow: hidden;
 }
 
 label[pseudo="-internal-media-controls-overflow-menu-list-item"] div.with-subtitle {
@@ -764,6 +765,8 @@ label[pseudo="-internal-media-controls-overflow-menu-list-item"] div.with-subtit
 
 label[pseudo="-internal-media-controls-overflow-menu-list-item"] div span {
   line-height: normal;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 label[pseudo="-internal-media-controls-overflow-menu-list-item"] div span.subtitle {