diff options
| author | Florian Pritz <bluewind@xinu.at> | 2015-08-04 23:43:57 +0200 |
|---|---|---|
| committer | Florian Pritz <bluewind@xinu.at> | 2015-08-04 23:43:57 +0200 |
| commit | f48c000aa364302bb692852fca6dee4d8dc2286f (patch) | |
| tree | b1bf5c23255aba9172d396137ead240c2ef4b26b /public_html | |
| parent | 2bc6b97401791ae4ced15b7e8f903efd6e76e09f (diff) | |
Improve colorbox navigation and document it0.9.5
- Make buttons fixed so you don't have to move the mouse
- Support h/l for vimperator users
- Document mappings so users actually know about them
Signed-off-by: Florian Pritz <bluewind@xinu.at>
Diffstat (limited to 'public_html')
| -rw-r--r-- | public_html/data/css/colorbox.css | 6 | ||||
| -rw-r--r-- | public_html/data/js/thumbnail-view.js | 1 | ||||
| -rw-r--r-- | public_html/data/js/vendor/jquery.colorbox.js | 4 |
3 files changed, 6 insertions, 5 deletions
diff --git a/public_html/data/css/colorbox.css b/public_html/data/css/colorbox.css index 8d1b5bd76..1e1238dd5 100644 --- a/public_html/data/css/colorbox.css +++ b/public_html/data/css/colorbox.css @@ -29,7 +29,7 @@ .cboxPhoto{float:left !important; background: #fff;} #cboxLoadingGraphic{background:url(/data/img/colorbox/loading.gif) no-repeat center center;} #cboxLoadingOverlay{background:#000;} - #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} + #cboxTitle{position:fixed; top:0; right:66px; color:#fff;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px; display: none;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ @@ -42,8 +42,8 @@ overflow:visible; width:20px; height:20px; - position:absolute; - top:-20px; + position:fixed; + top:0; background: transparent; color: #fff; } diff --git a/public_html/data/js/thumbnail-view.js b/public_html/data/js/thumbnail-view.js index 7bc72a556..f453f4c1c 100644 --- a/public_html/data/js/thumbnail-view.js +++ b/public_html/data/js/thumbnail-view.js @@ -30,6 +30,7 @@ define(['jquery', 'underscore', 'jquery.colorbox'], function ($, _) { retinaImage: true, maxHeight: "100%", maxWidth: "100%", + title: 'Use h/l or right/left arrow keys or these buttons:', next: '<span class="glyphicon glyphicon-chevron-right"></span>', previous: '<span class="glyphicon glyphicon-chevron-left"></span>', close: '<span class="glyphicon glyphicon-remove"></span>', diff --git a/public_html/data/js/vendor/jquery.colorbox.js b/public_html/data/js/vendor/jquery.colorbox.js index f9b676670..4c5025370 100644 --- a/public_html/data/js/vendor/jquery.colorbox.js +++ b/public_html/data/js/vendor/jquery.colorbox.js @@ -526,10 +526,10 @@ publicMethod.close(); } if (open && settings.get('arrowKey') && $related[1] && !e.altKey) { - if (key === 37) { + if (key === 37 || key == 72) { e.preventDefault(); $prev.click(); - } else if (key === 39) { + } else if (key === 39 || key === 76) { e.preventDefault(); $next.click(); } |