From 55180b60a11bb704f20ccd493aabfcd1e2d75732 Mon Sep 17 00:00:00 2001 From: kolaente Date: Sun, 3 Aug 2025 13:01:56 +0200 Subject: [PATCH] feat: replace border-left with logical properties --- frontend/src/components/misc/Ready.vue | 4 ++-- frontend/src/components/project/partials/ProjectCard.vue | 2 +- .../src/components/tasks/partials/SingleTaskInProject.vue | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/frontend/src/components/misc/Ready.vue b/frontend/src/components/misc/Ready.vue index 918ee8bd3..9d25261ea 100644 --- a/frontend/src/components/misc/Ready.vue +++ b/frontend/src/components/misc/Ready.vue @@ -99,8 +99,8 @@ const baseStore = useBaseStore() margin-inline-end: 1rem; &.is-loading::after { - border-left-color: var(--grey-400); - border-bottom-color: var(--grey-400); + border-inline-start-color: var(--grey-400); + border-block-end-color: var(--grey-400); } } diff --git a/frontend/src/components/project/partials/ProjectCard.vue b/frontend/src/components/project/partials/ProjectCard.vue index 407a1b93a..b541c3697 100644 --- a/frontend/src/components/project/partials/ProjectCard.vue +++ b/frontend/src/components/project/partials/ProjectCard.vue @@ -6,7 +6,7 @@ 'has-background': blurHashUrl !== '' || background !== null }" :style="{ - 'border-left': project.hexColor ? `0.25rem solid ${project.hexColor}` : undefined, + 'border-inline-start': project.hexColor ? `0.25rem solid ${project.hexColor}` : undefined, 'background-image': blurHashUrl !== '' ? `url(${blurHashUrl})` : undefined, }" > diff --git a/frontend/src/components/tasks/partials/SingleTaskInProject.vue b/frontend/src/components/tasks/partials/SingleTaskInProject.vue index af9cb697e..55e93bdcd 100644 --- a/frontend/src/components/tasks/partials/SingleTaskInProject.vue +++ b/frontend/src/components/tasks/partials/SingleTaskInProject.vue @@ -544,8 +544,8 @@ defineExpose({ inset-inline-start: calc(50% - 1rem); width: 2rem; height: 2rem; - border-left-color: var(--grey-300); - border-bottom-color: var(--grey-300); + border-inline-start-color: var(--grey-300); + border-block-end-color: var(--grey-300); } }