From a5b351f40ea54700d80b7a3b9b47a0dfcbef4d35 Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Sat, 29 Jul 2023 12:17:40 +0200 Subject: [PATCH] Fix the hover state of buttons in the image viewer See https://www.woltlab.com/community/thread/300776-bilder-lightbox-buttons-schwer-erkennbar-und-fehlendes-hover/ --- wcfsetup/install/files/style/ui/imageViewer.scss | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/wcfsetup/install/files/style/ui/imageViewer.scss b/wcfsetup/install/files/style/ui/imageViewer.scss index c50f7d04aa..3bb34c64ab 100644 --- a/wcfsetup/install/files/style/ui/imageViewer.scss +++ b/wcfsetup/install/files/style/ui/imageViewer.scss @@ -14,7 +14,7 @@ top: 0; z-index: 399; - .icon { + fa-icon { color: rgb(158, 158, 158); } @@ -55,7 +55,9 @@ opacity: 0; visibility: hidden; - transition: visibility 0s linear 0.24s, opacity 0.24s linear; + transition: + visibility 0s linear 0.24s, + opacity 0.24s linear; } > div > ul > li.pointer { @@ -234,7 +236,12 @@ z-index: 10; &.animateTransformation { - transition: left 0.24s, margin-top 0.24s, height 0.24s, width 0.24s, opacity 0.24s; + transition: + left 0.24s, + margin-top 0.24s, + height 0.24s, + width 0.24s, + opacity 0.24s; } &.active { @@ -245,7 +252,8 @@ } &:not(.wcfImageViewerMobile) { - .icon:hover { + .pointer:hover fa-icon, + .wcfImageViewerButtonClose:hover fa-icon { color: rgb(255, 255, 255); } -- 2.20.1