From a1d53e07d7c8cb37de4e454352a4d5f98f2f1a03 Mon Sep 17 00:00:00 2001 From: Marcel Werk Date: Mon, 4 Feb 2013 22:24:42 +0100 Subject: [PATCH] Imageviewer optimizations --- wcfsetup/install/files/js/WCF.ImageViewer.js | 8 ++++---- wcfsetup/install/files/style/imageViewer.less | 12 ++++-------- 2 files changed, 8 insertions(+), 12 deletions(-) diff --git a/wcfsetup/install/files/js/WCF.ImageViewer.js b/wcfsetup/install/files/js/WCF.ImageViewer.js index 53e13e4f75..64490bfff2 100644 --- a/wcfsetup/install/files/js/WCF.ImageViewer.js +++ b/wcfsetup/install/files/js/WCF.ImageViewer.js @@ -16,12 +16,12 @@ WCF.ImageViewer = Class.extend({ WCF.DOMNodeInsertedHandler.enable(); // navigation buttons - $('').appendTo($('#lbPrevLink')); - $('').appendTo($('#lbNextLink')); + $('').appendTo($('#lbPrevLink')); + $('').appendTo($('#lbNextLink')); // close and enlarge icons - $('').appendTo($('#lbCloseLink')); - var $buttonEnlarge = $('').insertAfter($('#lbCloseLink')); + $('').appendTo($('#lbCloseLink')); + var $buttonEnlarge = $('').insertAfter($('#lbCloseLink')); WCF.DOMNodeInsertedHandler.disable(); diff --git a/wcfsetup/install/files/style/imageViewer.less b/wcfsetup/install/files/style/imageViewer.less index 49e5ff5506..790cb5ae9f 100644 --- a/wcfsetup/install/files/style/imageViewer.less +++ b/wcfsetup/install/files/style/imageViewer.less @@ -11,20 +11,17 @@ #lbPrevLink, #lbNextLink { display: block; - opacity: 0; overflow: hidden; position: absolute; top: 0; width: 50%; outline: none; - .transition(opacity, .2s); - > span { background-color: #fff; + display: none; padding: @wcfGapSmall; position: absolute; - text-transform: uppercase; top: 20%; } @@ -39,7 +36,6 @@ > span { left: 0; padding-right: @wcfGapMedium; - text-align: right; .borderRadius(0, 30px, 30px, 0); } @@ -96,9 +92,9 @@ &:hover { #lbNextLink, #lbPrevLink { - opacity: 1; - - .transition(opacity, .2s); + > span { + display: block; + } } } } -- 2.20.1