Imageviewer optimizations

diff --git a/wcfsetup/install/files/js/WCF.ImageViewer.js b/wcfsetup/install/files/js/WCF.ImageViewer.js
index 53e13e4f7568d451ded9392c3912a3b9355b5f7e..64490bfff260e2e68da03deee00d17a46be3f376 100644 (file)
--- 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
-               $('<span><span class="icon icon16 icon-chevron-left jsTooltip" title="' + WCF.Language.get('wcf.imageViewer.previous') + '" /></span>').appendTo($('#lbPrevLink'));
-               $('<span><span class="icon icon16 icon-chevron-right jsTooltip" title="' + WCF.Language.get('wcf.imageViewer.next') + '" /></span>').appendTo($('#lbNextLink'));
+               $('<span class="icon icon16 icon-chevron-left jsTooltip" title="' + WCF.Language.get('wcf.imageViewer.previous') + '" />').appendTo($('#lbPrevLink'));
+               $('<span class="icon icon16 icon-chevron-right jsTooltip" title="' + WCF.Language.get('wcf.imageViewer.next') + '" />').appendTo($('#lbNextLink'));
                
                // close and enlarge icons
-               $('<span class="icon icon16 icon-remove jsTooltip" title="' + WCF.Language.get('wcf.imageViewer.close') + '" />').appendTo($('#lbCloseLink'));
-               var $buttonEnlarge = $('<span class="icon icon16 icon-resize-full jsTooltip" title="' + WCF.Language.get('wcf.imageViewer.enlarge') + '" id="lbEnlarge" />').insertAfter($('#lbCloseLink'));
+               $('<span class="icon icon32 icon-remove jsTooltip" title="' + WCF.Language.get('wcf.imageViewer.close') + '" />').appendTo($('#lbCloseLink'));
+               var $buttonEnlarge = $('<span class="icon icon32 icon-resize-full jsTooltip" title="' + WCF.Language.get('wcf.imageViewer.enlarge') + '" id="lbEnlarge" />').insertAfter($('#lbCloseLink'));
                
                WCF.DOMNodeInsertedHandler.disable();
                

diff --git a/wcfsetup/install/files/style/imageViewer.less b/wcfsetup/install/files/style/imageViewer.less
index 49e5ff5506a048a87174ec12185dbdc6580f4ef6..790cb5ae9fbbf7d7a894d0d37c4169edef2e50ec 100644 (file)
--- 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;
+                       }
                }
        }
 }