[Libreoffice-commits] online.git: loleaflet/css

[Mike Kaganski (via logerrit)]

 loleaflet/css/loleaflet.css |    2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

New commits:
commit 3ce83a527bbee5d7d89491e6370619ef09893f0d
Author:     Mike Kaganski <mike.kaganski at collabora.com>
AuthorDate: Thu Jul 2 22:45:48 2020 +0200
Commit:     Mike Kaganski <mike.kaganski at collabora.com>
CommitDate: Thu Jul 2 23:11:10 2020 +0200

    Use child combinator instead of separate :active pseudo-classes
    
    This avoids the image not rotating when touching the edge of the button,
    when the image is not active.
    
    Ref.: https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator
    
    Change-Id: I4a6d966743d6d07106dd0666f840d8d73ccdc8cc
    Reviewed-on: https://gerrit.libreoffice.org/c/online/+/97791
    Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice at gmail.com>
    Tested-by: Jenkins
    Reviewed-by: Mike Kaganski <mike.kaganski at collabora.com>

diff --git a/loleaflet/css/loleaflet.css b/loleaflet/css/loleaflet.css
index f1a870772..7e962a09e 100644
--- a/loleaflet/css/loleaflet.css
+++ b/loleaflet/css/loleaflet.css
@@ -211,7 +211,7 @@ body {
 	transform: scale(1.2);
 	transition: transform 0.5s;
 }
-#mobile-edit-button-image:active {
+#mobile-edit-button:active > #mobile-edit-button-image {
 	transform: rotate(45deg);
 	transition: transform 0.5s;
 }