fix: text cut issue on ios

This commit is contained in:
radishzzz 2025-02-10 02:43:46 +00:00
parent 6cd298c756
commit 3d2cec7908
3 changed files with 297 additions and 297 deletions

View file

@ -53,7 +53,7 @@
"@unocss/eslint-plugin": "^65.4.3", "@unocss/eslint-plugin": "^65.4.3",
"@unocss/preset-attributify": "^65.4.3", "@unocss/preset-attributify": "^65.4.3",
"astro-eslint-parser": "^1.2.1", "astro-eslint-parser": "^1.2.1",
"eslint": "^9.19.0", "eslint": "^9.20.0",
"eslint-plugin-astro": "^1.3.1", "eslint-plugin-astro": "^1.3.1",
"lint-staged": "^15.4.3", "lint-staged": "^15.4.3",
"mdast-util-to-string": "^4.0.0", "mdast-util-to-string": "^4.0.0",

585
pnpm-lock.yaml generated

File diff suppressed because it is too large Load diff

View file

@ -41,8 +41,10 @@ h6 {
} }
article img { article img {
--at-apply: 'cursor-zoom-in';
/* Optimize animation performance of Scrollbar */ /* Optimize animation performance of Scrollbar */
--at-apply: 'cursor-zoom-in ios-flash-fix'; transform: translateZ(0);
-webkit-transform: translateZ(0);
} }
/* Horizontal reveal animation on theme toggle */ /* Horizontal reveal animation on theme toggle */
@ -73,6 +75,9 @@ html:not(.dark) {
html[data-theme-transition] [data-disable-transition-on-theme] { html[data-theme-transition] [data-disable-transition-on-theme] {
view-transition-name: none !important; view-transition-name: none !important;
/* Fix text cut issue on iOS */
transform: translateZ(0);
-webkit-transform: translateZ(0);
} }
@supports not (view-transition-name: none) { @supports not (view-transition-name: none) {