diff options
| author | hclam@chromium.org <hclam@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2012-03-23 02:31:20 +0000 |
|---|---|---|
| committer | hclam@chromium.org <hclam@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2012-03-23 02:31:20 +0000 |
| commit | 13bd255eda6d5d9fb1ebea8ac743293bcbec4e0b (patch) | |
| tree | ab85bf3dfd40577c346ef8d8f2825643047bc9cf /remoting | |
| parent | 6cd13aaa62a1f5c27969a8850c987ecb2c64c60d (diff) | |
| download | chromium_src-13bd255eda6d5d9fb1ebea8ac743293bcbec4e0b.zip chromium_src-13bd255eda6d5d9fb1ebea8ac743293bcbec4e0b.tar.gz chromium_src-13bd255eda6d5d9fb1ebea8ac743293bcbec4e0b.tar.bz2 | |
[chromoting] Custom scrollbar styling for webapp
Custom styling for scrollbar and also avoid corruption in rendering
by having an opaque background for ::-webkit-scrollbar-track-piece.
This is mostly a revert of 9578004.
BUG=110023
TEST=chromoting webapp has scrollbar in lion
Review URL: http://codereview.chromium.org/9826038
git-svn-id: svn://svn.chromium.org/chrome/trunk/src@128398 0039d316-1c4b-4281-b951-d872f2087c98
Diffstat (limited to 'remoting')
| -rw-r--r-- | remoting/webapp/main.css | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/remoting/webapp/main.css b/remoting/webapp/main.css index 6b00d4c..04ead06 100644 --- a/remoting/webapp/main.css +++ b/remoting/webapp/main.css @@ -108,6 +108,50 @@ button:hover:not([disabled]) { -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3); } +::-webkit-scrollbar { + width: 16px; + height: 16px; +} + +::-webkit-scrollbar-button { + height: 0px; + width: 0px; +} + +::-webkit-scrollbar-thumb { + min-height: 28px; + padding-top:100px; + background-clip:padding-box; + background-color: rgba(0,0,0,0.2); + -webkit-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.10), + inset 0px -1px 0px rgba(0,0,0,0.07); +} + +::-webkit-scrollbar-thumb:hover { + background-color: rgba(0,0,0,0.4); + -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25); +} + +::-webkit-scrollbar-thumb:active { + -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35); + background-color: rgba(0,0,0,0.5); +} + +::-webkit-scrollbar-track:hover { + background-color:rgba(0,0,0,0.05); + -webkit-box-shadow: inset 1px 0px 0px rgba(0,0,0,0.10); +} + +::-webkit-scrollbar-track:active { + background-color:rgba(0,0,0,0.05); + -webkit-box-shadow: inset 1px 0px 0px rgba(0,0,0,0.14), + inset -1px -1px 0px rgba(0,0,0,0.07); +} + +::-webkit-scrollbar-track-piece { + background: white; +} + /*------------------------------------------------------------------ Component: Text Field ------------------------------------------------------------------*/ |