From a9830191b590275ce9c9b6660e4d63bc5c4ec7c0 Mon Sep 17 00:00:00 2001 From: Divyansh Singh <40380293+brc-dd@users.noreply.github.com> Date: Wed, 11 Dec 2024 22:03:29 +0530 Subject: [PATCH] fix icons --- .../theme-default/components/VPLocalNavOutlineDropdown.vue | 3 ++- src/client/theme-default/components/VPSidebarItem.vue | 3 ++- src/client/theme-default/styles/components/vp-doc.css | 1 + 3 files changed, 5 insertions(+), 2 deletions(-) diff --git a/src/client/theme-default/components/VPLocalNavOutlineDropdown.vue b/src/client/theme-default/components/VPLocalNavOutlineDropdown.vue index ad6386cc..9971ec16 100644 --- a/src/client/theme-default/components/VPLocalNavOutlineDropdown.vue +++ b/src/client/theme-default/components/VPLocalNavOutlineDropdown.vue @@ -125,7 +125,7 @@ function scrollToTop() { vertical-align: middle; margin-left: 2px; font-size: 14px; - transform: rotate(0deg); + transform: rotate(0)/*rtl:rotate(180deg)*/; transition: transform 0.25s; } @@ -140,6 +140,7 @@ function scrollToTop() { } .open > .icon { + /*rtl:ignore*/ transform: rotate(90deg); } diff --git a/src/client/theme-default/components/VPSidebarItem.vue b/src/client/theme-default/components/VPSidebarItem.vue index 1ce78da6..022584e3 100644 --- a/src/client/theme-default/components/VPSidebarItem.vue +++ b/src/client/theme-default/components/VPSidebarItem.vue @@ -227,12 +227,13 @@ function onCaretClick() { .caret-icon { font-size: 18px; + /*rtl:ignore*/ transform: rotate(90deg); transition: transform 0.25s; } .VPSidebarItem.collapsed .caret-icon { - transform: rotate(0); + transform: rotate(0)/*rtl:rotate(180deg)*/; } .VPSidebarItem.level-1 .items, diff --git a/src/client/theme-default/styles/components/vp-doc.css b/src/client/theme-default/styles/components/vp-doc.css index a13ddc27..06a2d099 100644 --- a/src/client/theme-default/styles/components/vp-doc.css +++ b/src/client/theme-default/styles/components/vp-doc.css @@ -566,6 +566,7 @@ --icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z' /%3E%3C/svg%3E"); -webkit-mask-image: var(--icon); mask-image: var(--icon); + /*rtl:raw:transform: scaleX(-1);*/ } .vp-external-link-icon::after {