diff options
| author | estade@chromium.org <estade@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2011-11-14 19:29:52 +0000 |
|---|---|---|
| committer | estade@chromium.org <estade@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2011-11-14 19:29:52 +0000 |
| commit | 6a9b815d60b1deccb144226a40d62aa61f4ea773 (patch) | |
| tree | 0ba97c06c5b0448af66a36c06ee5d9aa82a304f2 /chrome/browser/resources/print_preview | |
| parent | 1d6919cec8bc250b10219eeb3aeba14ed4b496d9 (diff) | |
| download | chromium_src-6a9b815d60b1deccb144226a40d62aa61f4ea773.zip chromium_src-6a9b815d60b1deccb144226a40d62aa61f4ea773.tar.gz chromium_src-6a9b815d60b1deccb144226a40d62aa61f4ea773.tar.bz2 | |
print preview: fix focus outline for increment/decrement/copies
raising the z-index on focus makes the outline have 4 sides instead of just 3
BUG=none
TEST=manual
Review URL: http://codereview.chromium.org/8537034
git-svn-id: svn://svn.chromium.org/chrome/trunk/src@109934 0039d316-1c4b-4281-b951-d872f2087c98
Diffstat (limited to 'chrome/browser/resources/print_preview')
| -rw-r--r-- | chrome/browser/resources/print_preview/print_preview.css | 69 |
1 files changed, 38 insertions, 31 deletions
diff --git a/chrome/browser/resources/print_preview/print_preview.css b/chrome/browser/resources/print_preview/print_preview.css index 46d2002..ab179e8 100644 --- a/chrome/browser/resources/print_preview/print_preview.css +++ b/chrome/browser/resources/print_preview/print_preview.css @@ -132,36 +132,6 @@ button.default:not(:focus):not(:disabled) { border-color: #808080; } -#increment, -#decrement { - -webkit-padding-end: 8px; - -webkit-padding-start: 8px; - font-weight: 600; - min-width: 0; - position: relative; - width: 25px; -} - -#increment { - -webkit-margin-start: -11px !important; - border-radius: 0; -} - -#decrement { - -webkit-margin-start: -5px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 3px; - border-top-left-radius: 0; - border-top-right-radius: 3px; -} - -html[dir='rtl'] #decrement { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 0; - border-top-left-radius: 3px; - border-top-right-radius: 0; -} - span.hint { -webkit-transition: color 200ms; background: white; @@ -293,7 +263,8 @@ label { } #copies { - width: 2em; + position: relative; + width: 1.5em; } #copies.invalid { @@ -301,6 +272,42 @@ label { color: #8c1414; } +#increment, +#decrement { + -webkit-padding-end: 8px; + -webkit-padding-start: 8px; + font-weight: 600; + min-width: 0; + position: relative; + width: 25px; +} + +#increment:focus, +#decrement:focus, +#copies:focus { + z-index: 1; +} + +#increment { + -webkit-margin-start: -5px; + border-radius: 0; +} + +#decrement { + -webkit-margin-start: -5px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 3px; + border-top-left-radius: 0; + border-top-right-radius: 3px; +} + +html[dir='rtl'] #decrement { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 0; + border-top-left-radius: 3px; + border-top-right-radius: 0; +} + /* PDF view */ #print-preview #mainview { |