diff --git a/theme/src/client/components/BackToTop.vue b/theme/src/client/components/BackToTop.vue index e59f673e..5840f2e2 100644 --- a/theme/src/client/components/BackToTop.vue +++ b/theme/src/client/components/BackToTop.vue @@ -134,6 +134,7 @@ function handleClick() { stroke-width: 4px; transform: rotate(-90deg); transform-origin: 50% 50%; + r: 16; } diff --git a/theme/src/client/components/FriendsItem.vue b/theme/src/client/components/FriendsItem.vue index 6ff8411a..5790516d 100644 --- a/theme/src/client/components/FriendsItem.vue +++ b/theme/src/client/components/FriendsItem.vue @@ -88,6 +88,7 @@ defineProps<{ font-size: 0.875rem; line-height: 1.5; color: var(--vp-friends-text-color); + -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; diff --git a/theme/src/client/components/Page.vue b/theme/src/client/components/Page.vue index 8a3c06db..f9010bcd 100644 --- a/theme/src/client/components/Page.vue +++ b/theme/src/client/components/Page.vue @@ -93,6 +93,7 @@ onContentUpdated(() => zoom?.refresh()) (var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * -1 - 32px ); overflow: hidden auto; + scrollbar-width: none; } diff --git a/theme/src/client/components/ShortPostList.vue b/theme/src/client/components/ShortPostList.vue index 9b835b57..7af34743 100644 --- a/theme/src/client/components/ShortPostList.vue +++ b/theme/src/client/components/ShortPostList.vue @@ -44,6 +44,7 @@ defineProps<{ overflow: hidden; font-weight: 600; transition: all var(--t-color); + -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; diff --git a/theme/src/client/styles/code.scss b/theme/src/client/styles/code.scss index d67795bb..7343c535 100644 --- a/theme/src/client/styles/code.scss +++ b/theme/src/client/styles/code.scss @@ -13,8 +13,9 @@ html:not(.dark) .vp-code span { overflow: auto; font-size: 14px; border-radius: 6px; - scrollbar-width: thin; + scrollbar-color: var(--vp-c-brand-1) var(--vp-c-border); + scrollbar-width: thin; code { padding: 0; @@ -22,6 +23,7 @@ html:not(.dark) .vp-code span { overflow-wrap: unset; background-color: transparent; border-radius: 0; + -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } diff --git a/theme/src/client/styles/fonts.scss b/theme/src/client/styles/fonts.scss index d1a4eee9..a9ac7b04 100644 --- a/theme/src/client/styles/fonts.scss +++ b/theme/src/client/styles/fonts.scss @@ -14,6 +14,7 @@ html body { src: url("../fonts/inter-roman-cyrillic.woff2") format("woff2"); font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + font-named-instance: "Regular"; } @@ -30,6 +31,7 @@ html body { U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; + font-named-instance: "Regular"; } @@ -40,6 +42,7 @@ html body { src: url("../fonts/inter-roman-greek.woff2") format("woff2"); font-display: swap; unicode-range: U+0370-03FF; + font-named-instance: "Regular"; } @@ -50,6 +53,7 @@ html body { src: url("../fonts/inter-roman-greek-ext.woff2") format("woff2"); font-display: swap; unicode-range: U+1F00-1FFF; + font-named-instance: "Regular"; } @@ -77,6 +81,7 @@ html body { U+2215, U+FEFF, U+FFFD; + font-named-instance: "Regular"; } @@ -96,6 +101,7 @@ html body { U+2113, U+2C60-2C7F, U+A720-A7FF; + font-named-instance: "Regular"; } @@ -114,6 +120,7 @@ html body { U+01AF-01B0, U+1EA0-1EF9, U+20AB; + font-named-instance: "Regular"; } @@ -124,6 +131,7 @@ html body { src: url("../fonts/inter-italic-cyrillic.woff2") format("woff2"); font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; + font-named-instance: "Italic"; } @@ -140,6 +148,7 @@ html body { U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; + font-named-instance: "Italic"; } @@ -150,6 +159,7 @@ html body { src: url("../fonts/inter-italic-greek.woff2") format("woff2"); font-display: swap; unicode-range: U+0370-03FF; + font-named-instance: "Italic"; } @@ -160,6 +170,7 @@ html body { src: url("../fonts/inter-italic-greek-ext.woff2") format("woff2"); font-display: swap; unicode-range: U+1F00-1FFF; + font-named-instance: "Italic"; } @@ -187,6 +198,7 @@ html body { U+2215, U+FEFF, U+FFFD; + font-named-instance: "Italic"; } @@ -206,6 +218,7 @@ html body { U+2113, U+2C60-2C7F, U+A720-A7FF; + font-named-instance: "Italic"; } @@ -224,6 +237,7 @@ html body { U+01AF-01B0, U+1EA0-1EF9, U+20AB; + font-named-instance: "Italic"; } diff --git a/theme/src/client/styles/normalize.scss b/theme/src/client/styles/normalize.scss index 9af37b34..89c70a61 100644 --- a/theme/src/client/styles/normalize.scss +++ b/theme/src/client/styles/normalize.scss @@ -8,6 +8,7 @@ animation-duration: 1ms !important; animation-delay: -1ms !important; animation-iteration-count: 1 !important; + scroll-behavior: auto !important; } } @@ -21,16 +22,17 @@ html { font-size: 16px; line-height: 1.4; + scroll-behavior: smooth; scroll-padding-top: 80px; } body { - -webkit-text-size-adjust: 100%; - font-synthesis: none; - text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; + font-synthesis: none; + text-rendering: optimizelegibility; + -webkit-text-size-adjust: 100%; } html.dark { @@ -45,6 +47,7 @@ body { font-family: var(--vp-font-family-base); font-weight: 400; line-height: 24px; + direction: ltr; } diff --git a/theme/src/client/styles/search.scss b/theme/src/client/styles/search.scss index 8e2e30a6..facb5d64 100644 --- a/theme/src/client/styles/search.scss +++ b/theme/src/client/styles/search.scss @@ -89,10 +89,11 @@ } .DocSearch-Button .DocSearch-Button-Keys { - /* rtl:ignore */ - direction: ltr; display: none; min-width: auto; + + /* rtl:ignore */ + direction: ltr; } .DocSearch-Button .DocSearch-Button-Key {