diff options
author | Olivier Paroz <oparoz@users.noreply.github.com> | 2015-10-06 09:48:23 +0300 |
---|---|---|
committer | Olivier Paroz <oparoz@users.noreply.github.com> | 2015-10-06 09:48:23 +0300 |
commit | aaf830dff0025133c1c7406edaad1c4223b63f23 (patch) | |
tree | 49fbd1ddd92e80eec12acab84b0d8bf23c3049cc /css | |
parent | 797380eafb93fae2e61c8e40e54e178181c3a626 (diff) | |
parent | fda27b88fd78c6a635094b1268bfa0a192a35a80 (diff) |
Merge pull request #369 from owncloud/slideshow-controls-clickability
improve touch area of slideshow controls, fix #53
Diffstat (limited to 'css')
-rw-r--r-- | css/slideshow.css | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/css/slideshow.css b/css/slideshow.css index 8025f040..accbbd9f 100644 --- a/css/slideshow.css +++ b/css/slideshow.css @@ -46,8 +46,10 @@ } #slideshow.inactive > input, +#slideshow.inactive > input:hover, #slideshow.inactive > .progress, #slideshow.inactive > .menu input, +#slideshow.inactive > .menu input:hover, #slideshow.inactive > .name { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); @@ -90,19 +92,23 @@ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); opacity: .75; + transition: opacity 300ms; } #slideshow > .next, #slideshow > .previous { - top: 50%; - margin-top: -21px; + height: 100%; + top: 0; + margin-top: 0; } - #slideshow > .next { + width: 80%; right: 0; + background-position: right 10px center; } - #slideshow > .previous { + width: 20%; left: 0; + background-position: 10px center; } #slideshow > .exit { |