From 19ee7f26eeb61579ae602b0f222c55203e881196 Mon Sep 17 00:00:00 2001
From: Tink <tink-bot@kolaente.de>
Date: Thu, 16 Apr 2026 14:12:36 +0200
Subject: [PATCH] refactor(frontend): drop Bulma components/card import (#2639)

---
 frontend/src/components/misc/Card.vue | 49 +++++++++++++++++++++++++++
 frontend/src/styles/global.scss       |  2 +-
 2 files changed, 50 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/misc/Card.vue b/frontend/src/components/misc/Card.vue
index 9d7cf7694..415970441 100644
--- a/frontend/src/components/misc/Card.vue
+++ b/frontend/src/components/misc/Card.vue
@@ -73,6 +73,9 @@ defineEmits<{
 	margin-block-end: 1rem;
 	border: 1px solid var(--card-border-color);
 	box-shadow: var(--shadow-sm);
+	color: var(--text);
+	max-inline-size: 100%;
+	position: relative;
 
 	@media print {
 		box-shadow: none;
@@ -81,12 +84,58 @@ defineEmits<{
 }
 
 .card-header {
+	background-color: transparent;
+	align-items: stretch;
+	display: flex;
 	box-shadow: none;
 	border-inline-end: 1px solid var(--card-border-color);
 	border-radius: $radius $radius 0 0;
 }
 
+.card-header-title {
+	align-items: center;
+	color: var(--text-strong);
+	display: flex;
+	flex-grow: 1;
+	font-weight: 700;
+	padding: 0.75rem 1rem;
+
+	&.is-centered {
+		justify-content: center;
+	}
+}
+
+.card-header-icon {
+	align-items: center;
+	cursor: pointer;
+	display: flex;
+	justify-content: center;
+	padding: 0.75rem 1rem;
+}
+
+.card-content {
+	background-color: transparent;
+	padding: 1.5rem;
+
+	&:first-child {
+		border-start-start-radius: $radius;
+		border-start-end-radius: $radius;
+	}
+
+	&:last-child {
+		border-end-start-radius: $radius;
+		border-end-end-radius: $radius;
+	}
+
+	// Utility classes like .p-0 are defined globally with lower specificity
+	// than Vue-scoped selectors; restore precedence explicitly.
+	&.p-0 {
+		padding: 0;
+	}
+}
+
 .card-footer {
+	align-items: stretch;
 	background-color: var(--grey-50);
 	border-block-start: 0;
 	padding: 20px;
diff --git a/frontend/src/styles/global.scss b/frontend/src/styles/global.scss
index 3f5de4aa4..a97a5ae72 100644
--- a/frontend/src/styles/global.scss
+++ b/frontend/src/styles/global.scss
@@ -43,7 +43,7 @@
 
 // imports from "bulma-css-variables/sass/components/_all";
 // @import "bulma-css-variables/sass/components/breadcrumb"; // not used
-@import "bulma-css-variables/sass/components/card";
+// not used; ported into Card.vue
 // @import "bulma-css-variables/sass/components/dropdown"; // moved to component
 // @import "bulma-css-variables/sass/components/level"; // not used
 // @import "bulma-css-variables/sass/components/media"; // ported into Comments.vue