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

refactor(frontend): drop Bulma components/media import 

The .media / .media-left / .media-content classes are only used in
Comments.vue. Ports the relevant rules into its scoped <style> block
and drops the partial import.
This commit is contained in:
kolaente 2026-04-15 13:05:08 +02:00 committed by kolaente
parent 3c3b1820a1
commit 50465818ae
2 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/components/tasks/partials/Comments.vue
View File

@ -511,7 +511,22 @@ function getCommentUrl(commentId: string) {
</script>
<style lang="scss" scoped>
.media {
align-items: flex-start;
display: flex;
text-align: inherit;
& + .media {
border-block-start: 1px solid rgba(var(--border-rgb), 0.5);
margin-block-start: 1rem;
padding-block-start: 1rem;
}
}
.media-left {
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
margin: 0 1rem !important;
}
@ -559,6 +574,10 @@ function getCommentUrl(commentId: string) {
}
.media-content {
flex-basis: auto;
flex-grow: 1;
flex-shrink: 1;
text-align: inherit;
inline-size: calc(100% - 48px - 2rem);
}

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

@ -46,7 +46,7 @@
@import "bulma-css-variables/sass/components/card";
// @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";
// @import "bulma-css-variables/sass/components/media"; // ported into Comments.vue
@import "bulma-css-variables/sass/components/menu";
//@import "bulma-css-variables/sass/components/message"; // not used
// @import "bulma-css-variables/sass/components/modal"; // not used; Modal.vue owns its own dialog-based styles