diff options
| author | hirono@chromium.org <hirono@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2013-05-27 06:13:51 +0000 |
|---|---|---|
| committer | hirono@chromium.org <hirono@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2013-05-27 06:13:51 +0000 |
| commit | 2bd8d123fe63021f1c4f80b00866e10e60694c24 (patch) | |
| tree | 93183de19b4383d400d5c5854dc78738b18b39f5 /apps | |
| parent | ca9e62ec12f780451289c594df0a79e71684232a (diff) | |
| download | chromium_src-2bd8d123fe63021f1c4f80b00866e10e60694c24.zip chromium_src-2bd8d123fe63021f1c4f80b00866e10e60694c24.tar.gz chromium_src-2bd8d123fe63021f1c4f80b00866e10e60694c24.tar.bz2 | |
Files.app: Fit the size of search box as its contents size.
This CL updated CSS and javascript to make the size of search box fit to its
contents size. In the JavaScript funciton 'updateSearchBoxStyles_', we measure
the widht of search box text by using TextMeasure class and set the search box
size depending on the width.
TextMeasure class has a dummy span element. When measuring text size, it sets
the text to the dummy span element and obtains its size by using
getBoundingClientRect method.
This CL also added #search-icon and #search-clear-button elements. Originally
these UI parts are implemented as the background image and
-webkit-search-cancel-button of the serach box respectively. This way had a
trouble about rtl mode thus we need the specific selectors for the rtl mode. On
the other hands, current implementation can handle rtl mode without other
selectors.
BUG=241300, 239292
TEST=manually. rtl mode and legacy UI are also checked.
Review URL: https://chromiumcodereview.appspot.com/15946005
git-svn-id: svn://svn.chromium.org/chrome/trunk/src@202375 0039d316-1c4b-4281-b951-d872f2087c98
Diffstat (limited to 'apps')
0 files changed, 0 insertions, 0 deletions