michellezhuo 7faee6318a [UI] Fix text display css styles ...

In mobile fullscreen mode, the captions font size was relatively big,
and the captions overflowing out of video window got hidden.
This was because:
1. In full screen mode the font size was set 4.4% of window height.
Changing it to min(4.4% window height, 4.4% window width) should work
for both portrait and landscape screen.
2. css 'white-space:pre' hides the overflown texts. Should be
'pre-line'.

Closes #2051.

Tested with: Demo app, Angel One, Pixel2 in chrome simulator.
1. Load the video, turn on captions, enter full screen mode.
2. Rotate the screen to see the captions in both landscape and portrait
mode.
Before: The captions font is large, and the screen hides overflown
captions.
Now: The captions font is normal, and if the captions are long, it is
shown in a few lines.

Change-Id: I5c8c3aa900ee3623955b735f93647f1ca54e9a66

2019-08-01 20:43:55 +00:00

..

buttons.less

Match font size with Chrome's native controls

2019-07-10 20:57:33 +00:00

containers.less

[UI] Fix text display css styles

2019-08-01 20:43:55 +00:00

general.less

Show spinner when buffering even if other controls are hidden.

2019-06-03 18:31:08 +00:00

other_elements.less

Add @license to all LESS and CSS files

2019-05-10 17:26:14 +00:00

overflow_menu.less

Add @license to all LESS and CSS files

2019-05-10 17:26:14 +00:00

range_elements.less

Match positioning with Chrome's native controls

2019-07-10 22:31:49 +00:00

spinner.less

Add @license to all LESS and CSS files

2019-05-10 17:26:14 +00:00