diff options
| author | jamiewalch@google.com <jamiewalch@google.com@0039d316-1c4b-4281-b951-d872f2087c98> | 2011-08-31 21:21:40 +0000 |
|---|---|---|
| committer | jamiewalch@google.com <jamiewalch@google.com@0039d316-1c4b-4281-b951-d872f2087c98> | 2011-08-31 21:21:40 +0000 |
| commit | 12b30c85b6ba489210387fe27d173bfbd4c0dd71 (patch) | |
| tree | e8aefcf35a3f3b134ca385ca5af4ebc64505c957 /remoting | |
| parent | 01b4d3311a01ae96be4862e6043c0b129e07a5be (diff) | |
| download | chromium_src-12b30c85b6ba489210387fe27d173bfbd4c0dd71.zip chromium_src-12b30c85b6ba489210387fe27d173bfbd4c0dd71.tar.gz chromium_src-12b30c85b6ba489210387fe27d173bfbd4c0dd71.tar.bz2 | |
Reimplement tool-bar stub using CSS and reduce active area.
BUG=91841, 91842
TEST=Move the mouse around near the tool-bar, and specifically over its shadow. It should not reveal until you mouse-over the tool-bar itself.
Review URL: http://codereview.chromium.org/7819003
git-svn-id: svn://svn.chromium.org/chrome/trunk/src@99046 0039d316-1c4b-4281-b951-d872f2087c98
Diffstat (limited to 'remoting')
| -rw-r--r-- | remoting/remoting.gyp | 1 | ||||
| -rw-r--r-- | remoting/webapp/me2mom/choice.html | 2 | ||||
| -rw-r--r-- | remoting/webapp/me2mom/toolbar-stub.png | bin | 3450 -> 0 bytes | |||
| -rw-r--r-- | remoting/webapp/me2mom/toolbar.css | 25 |
4 files changed, 24 insertions, 4 deletions
diff --git a/remoting/remoting.gyp b/remoting/remoting.gyp index 55c36d4..7064814 100644 --- a/remoting/remoting.gyp +++ b/remoting/remoting.gyp @@ -83,7 +83,6 @@ 'webapp/me2mom/scale-to-fit.png', 'webapp/me2mom/spinner.gif', 'webapp/me2mom/toolbar.css', - 'webapp/me2mom/toolbar-stub.png', 'webapp/me2mom/xhr.js', ], 'remoting_it2me_locale_files': [ diff --git a/remoting/webapp/me2mom/choice.html b/remoting/webapp/me2mom/choice.html index 0b1773f..e773d28 100644 --- a/remoting/webapp/me2mom/choice.html +++ b/remoting/webapp/me2mom/choice.html @@ -72,7 +72,7 @@ found in the LICENSE file. </span> </div> <div class="toolbar-stub"> - <img src="toolbar-stub.png"> + <div class="arrow-down"></div> </div> </div> <!-- session-toolbar --> diff --git a/remoting/webapp/me2mom/toolbar-stub.png b/remoting/webapp/me2mom/toolbar-stub.png Binary files differdeleted file mode 100644 index a0c3642..0000000 --- a/remoting/webapp/me2mom/toolbar-stub.png +++ /dev/null diff --git a/remoting/webapp/me2mom/toolbar.css b/remoting/webapp/me2mom/toolbar.css index 3ace5ad..cf09311 100644 --- a/remoting/webapp/me2mom/toolbar.css +++ b/remoting/webapp/me2mom/toolbar.css @@ -12,6 +12,7 @@ -webkit-transition: top 0.2s linear; -webkit-transition-delay: 0.7s; font-size: 13px; + pointer-events: none; } .toolbar-container button { @@ -29,16 +30,26 @@ } .toolbar-stub { - width: 134px; /* Needs to match the width of the 'stub' img */ + position: absolute; + width: 134px; + height: 7px; + left: 253px; + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; + background-color: #4695ff; + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); + pointer-events: all; + clip: rect(0, 999px, 999px, -999px); } .toolbar-border { border-radius: 7px; border: 3px solid #4695ff; - width: 640px; + width: 620px; padding: 10px 7px 5px 7px; background-color: #e9e9e9; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); + pointer-events: all; } /* Ensure that the 'connected to' string doesn't make the tool-bar overflow */ @@ -53,3 +64,13 @@ .end-align { float: __MSG_@@bidi_end_edge__; } + +.arrow-down { + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid white; + left: auto; + right: auto; +} |
