kodev-org
/
vikunja
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(frontend): drop Bulma components/card import (#2639)

This commit is contained in:
Tink 2026-04-16 14:12:36 +02:00 committed by GitHub
parent 56a7db5a0d
commit 19ee7f26ee
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 50 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
frontend/src/components/misc/Card.vue
View File

@ -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;

2
frontend/src/styles/global.scss
View File

@ -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