:iphone: fix https://github.com/siyuan-note/siyuan/issues/6328

app/src/assets/scss/_protyle.scss

@@ -219,15 +219,18 @@
       opacity: 1;
     }
 
-    .protyle-background__img:hover .protyle-icons {
+    .protyle-background__img:hover .protyle-icons,
+    &:hover > .protyle-background__iconw > .protyle-icons,
+    .protyle-background__icon:hover {
       opacity: .86;
     }
+  }
 
-    &:hover > .protyle-background__iconw > .protyle-icons {
-      opacity: .86;
-    }
 
-    .protyle-background__icon:hover {
+  &--mobileshow {
+    .protyle-background__iconw > .protyle-icons,
+    .protyle-background__img .protyle-icons,
+    .protyle-background__tags .item svg {
       opacity: .86;
     }
   }
@@ -464,12 +467,4 @@
       }
     }
   }
-
-  .protyle-background--enable {
-    .protyle-background__iconw > .protyle-icons,
-    .protyle-background__img .protyle-icons,
-    .protyle-background__tags .item svg {
-      opacity: .86;
-    }
-  }
 }

app/src/protyle/header/Background.ts

@@ -336,6 +336,19 @@ export class Background {
                 target = target.parentElement;
             }
         });
+        this.element.addEventListener("touchstart", (event) => {
+            // https://github.com/siyuan-note/siyuan/issues/6328
+            if (protyle.disabled) {
+                return;
+            }
+            const target = event.target as HTMLElement;
+            if (hasClosestByClassName(target, "protyle-icons") ||
+                hasClosestByClassName(target, "item") ||
+                target.classList.contains("protyle-background__icon")) {
+                return;
+            }
+            this.element.classList.toggle("protyle-background--mobileshow");
+        });
     }
 
     public render(ial: IObject, rootId: string) {