From 21943b61ebb5cdaff0d60f8040a6e591d7fe318b Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 3 Aug 2025 12:59:43 +0200
Subject: [PATCH] feat: replace border-top with logical properties

---
 frontend/src/components/input/AutocompleteDropdown.vue | 2 +-
 frontend/src/components/input/Multiselect.vue          | 2 +-
 frontend/src/components/input/editor/TipTap.vue        | 2 +-
 frontend/src/components/misc/Card.vue                  | 2 +-
 frontend/src/components/tasks/GanttChart.vue           | 2 +-
 frontend/src/styles/theme/content.scss                 | 2 +-
 frontend/src/styles/theme/flatpickr.scss               | 4 ++--
 7 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/input/AutocompleteDropdown.vue b/frontend/src/components/input/AutocompleteDropdown.vue
index 106eab3ab..60902c701 100644
--- a/frontend/src/components/input/AutocompleteDropdown.vue
+++ b/frontend/src/components/input/AutocompleteDropdown.vue
@@ -190,7 +190,7 @@ function onUpdateField(e) {
 		background: var(--white);
 		border-radius: 0 0 var(--input-radius) var(--input-radius);
 		border: 1px solid var(--primary);
-		border-top: none;
+		border-block-start: none;
 
 		max-height: 50vh;
 		overflow-x: auto;
diff --git a/frontend/src/components/input/Multiselect.vue b/frontend/src/components/input/Multiselect.vue
index 90030e5df..81035fe57 100644
--- a/frontend/src/components/input/Multiselect.vue
+++ b/frontend/src/components/input/Multiselect.vue
@@ -513,7 +513,7 @@ function focus() {
 	background: var(--white);
 	border-radius: 0 0 $radius $radius;
 	border: 1px solid var(--primary);
-	border-top: none;
+	border-block-start: none;
 
 	max-height: 50vh;
 	overflow-x: auto;
diff --git a/frontend/src/components/input/editor/TipTap.vue b/frontend/src/components/input/editor/TipTap.vue
index 2d0bfac89..81e7474f5 100644
--- a/frontend/src/components/input/editor/TipTap.vue
+++ b/frontend/src/components/input/editor/TipTap.vue
@@ -888,7 +888,7 @@ watch(
 
 	hr {
 		border: none;
-		border-top: 2px solid rgba(#0d0d0d, 0.1);
+		border-block-start: 2px solid rgba(#0d0d0d, 0.1);
 		margin: 2rem 0;
 	}
 }
diff --git a/frontend/src/components/misc/Card.vue b/frontend/src/components/misc/Card.vue
index 6e191bdd8..14a217a59 100644
--- a/frontend/src/components/misc/Card.vue
+++ b/frontend/src/components/misc/Card.vue
@@ -88,7 +88,7 @@ defineEmits<{
 
 .card-footer {
 	background-color: var(--grey-50);
-	border-top: 0;
+	border-block-start: 0;
 	padding: var(--modal-card-head-padding);
 	display: flex;
 	justify-content: flex-end;
diff --git a/frontend/src/components/tasks/GanttChart.vue b/frontend/src/components/tasks/GanttChart.vue
index 50f82e46c..3dcd812ee 100644
--- a/frontend/src/components/tasks/GanttChart.vue
+++ b/frontend/src/components/tasks/GanttChart.vue
@@ -264,7 +264,7 @@ const dateIsToday = computed(() => (date: Date) => {
 
 .g-gantt-row > .g-gantt-row-bars-container {
 	border-bottom: none !important;
-	border-top: none !important;
+	border-block-start: none !important;
 }
 
 .g-gantt-row:nth-child(odd) {
diff --git a/frontend/src/styles/theme/content.scss b/frontend/src/styles/theme/content.scss
index b5da7e80f..5e3e33db1 100644
--- a/frontend/src/styles/theme/content.scss
+++ b/frontend/src/styles/theme/content.scss
@@ -6,7 +6,7 @@
 }
 
 .table.has-actions {
-	border-top: 1px solid var(--grey-100);
+	border-block-start: 1px solid var(--grey-100);
 	border-radius: 4px;
 	overflow: hidden;
 
diff --git a/frontend/src/styles/theme/flatpickr.scss b/frontend/src/styles/theme/flatpickr.scss
index 253e61b37..bd655a195 100644
--- a/frontend/src/styles/theme/flatpickr.scss
+++ b/frontend/src/styles/theme/flatpickr.scss
@@ -10,7 +10,7 @@
 }
 
 .flatpickr-calendar.hasTime .flatpickr-time {
-  border-top: 1px solid var(--grey-200) !important;
+  border-block-start: 1px solid var(--grey-200) !important;
 }
 
 .flatpickr-calendar.arrowTop:before {
@@ -63,7 +63,7 @@
 }
 
 .numInputWrapper span.arrowDown:after {
-  border-top: 4px solid var(--grey-200) !important;
+  border-block-start: 4px solid var(--grey-200) !important;
   top: 40% !important;
 }