New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 641629 link

Starred by 3 users

Issue metadata

Status: Fixed
Owner:
Closed: Nov 19
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Chrome
Pri: 3
Type: Bug

Blocking:
issue 640685



Sign in to add a comment

Quick View: controls missing for Mp3 when files app window is small

Project Member Reported by dhadd...@chromium.org, Aug 27 2016

Issue description

M54 | samus | 8743.0.0

Open Files app window to half way 
Get an MP3 with embedded album art
Select it
Press space 

See that it doesn't stay in its bounds compared to a video
Compare video-1.png and mp3-1.png

Make the Files app window small
Repeat the above steps
Since it doesn't stay in its bounds, you cannot get to the controls 
Compare video-2.png and mp3-2.png


 
mp3-1.png
696 KB View Download
video-1.png
537 KB View Download
mp3-2.png
702 KB View Download
video-2.png
553 KB View Download

Comment 1 by oka@chromium.org, Aug 29 2016

Owner: oka@chromium.org
Summary: Quick View: controls missing for Mp3 when files app window is small (was: Quick view controls missing for Mp3 when files app window is small )

Comment 2 by oka@chromium.org, Aug 29 2016

Status: Started (was: Untriaged)
Blocking: 640685
Labels: -M-54 M-55

Comment 5 by oka@chromium.org, Sep 30 2016

Status: Assigned (was: Started)

Comment 6 by oka@chromium.org, Sep 30 2016

Labels: -M-55 M-56
Labels: -m-56 M-57
Labels: -M-57 M-63
Lifting as a candidate for PE in M63.
Labels: -Pri-2 Pri-3
Labels: -M-63
Labels: CrOS-FilesApp-QuickView
Labels: -CrOS-FilesApp-QuickView CrOSFilesFeature-QuickView
Owner: ----
Status: Available (was: Assigned)
Labels: Files-Fixit-2018
Owner: lucmult@chromium.org
Status: Started (was: Available)
Audio quick view uses the html5 audio tag, which doesn't allow customization of its controls. So I'm sending a patch to reduce the metadata box (on the right hand side), so it has enough space for audio tag to display its controls.

See attached screenshot with before and after my changes.
before1.png
299 KB View Download
after.png
447 KB View Download
Project Member

Comment 17 by bugdroid1@chromium.org, Nov 19

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/18c300bc4839a26eb774ba5c2dde54193bdf5f2b

commit 18c300bc4839a26eb774ba5c2dde54193bdf5f2b
Author: Luciano Pacheco <lucmult@chromium.org>
Date: Mon Nov 19 03:35:39 2018

Quick view: Reduce metadata box width when window is narrow

Reduce metadata box width from 320px to 250px when the window is narrow
(less than 720px).

Reduce quick view main content left/right padding when window is less
than 720px wide, from 32px to 4px.

Change audio art work to be 100% width and height so it resizes with
the window in the same way as video quick-view.

These three changes allows for a proper display of audio tag controls
when the window is narrow. See screenshot in the linked bug.

Change some CSS order, 0.2s to 200ms and -webkit prefix to comply with
presubmit.

in behaviour. Also checked with video, img and pdf quick views.

Test: Checked manually the visual with a window 480px wide, no change
Bug:  641629 
Change-Id: I4af2c8ea83f9167c6c398c0002ee2df8ec6a5531
Reviewed-on: https://chromium-review.googlesource.com/c/1341439
Reviewed-by: Luciano Pacheco <lucmult@chromium.org>
Reviewed-by: Noel Gordon <noel@chromium.org>
Commit-Queue: Luciano Pacheco <lucmult@chromium.org>
Cr-Commit-Position: refs/heads/master@{#609172}
[modify] https://crrev.com/18c300bc4839a26eb774ba5c2dde54193bdf5f2b/ui/file_manager/file_manager/foreground/elements/files_metadata_box.html
[modify] https://crrev.com/18c300bc4839a26eb774ba5c2dde54193bdf5f2b/ui/file_manager/file_manager/foreground/elements/files_metadata_entry.html
[modify] https://crrev.com/18c300bc4839a26eb774ba5c2dde54193bdf5f2b/ui/file_manager/file_manager/foreground/elements/files_quick_view.css

Status: Fixed (was: Started)

Sign in to add a comment