Improves visuals when marking user menu items read

See https://www.woltlab.com/community/thread/295256-mobiles-als-gelesen-markieren-von-benachrichtigungen-schlecht-erkenntlich-und-nu/

diff --git a/wcfsetup/install/files/style/ui/userMenu.scss b/wcfsetup/install/files/style/ui/userMenu.scss
index bf410495a982804b7d47a9bcb986c92ab6c07885..a047a0c6679b2846a9e5d64e70b93678c9824bd6 100644 (file)
--- a/wcfsetup/install/files/style/ui/userMenu.scss
+++ b/wcfsetup/install/files/style/ui/userMenu.scss
@@ -258,6 +258,15 @@ html:not(.touch) .userMenuItemMarkAsRead {
        }
 }
 
+/* Tapping the indicator on touch devices triggers the action
+   to mark the item as read. Positioning the button over the
+   indicator masks this behavior. */
+html.touch .userMenuItem .userMenuItemMarkAsRead {
+       opacity: 0;
+       left: 0;
+       width: 24px;
+}
+
 .userMenuItem:not(:hover) .userMenuItemMarkAsRead {
        opacity: 0;
        left: 10px;