local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

feat: merge taskRelations.scss with component styles

Browse source
This commit is contained in:
Dominik Pschenitschni 2021-10-18 14:22:40 +02:00
parent c9e23cdd29
commit e0fd5f8fe0
No known key found for this signature in database
GPG key ID: B257AC0149F43A77
3 changed files with 48 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
src/components/tasks/partials/relatedTasks.vue
View file

@ -248,7 +248,9 @@ export default {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
$remove-icon-width: 24px;
.add-task-relation-button {
margin-top: -3rem;
@ -260,4 +262,48 @@ export default {
transform: rotate(45deg);
}
}
.task-relations {
&.is-narrow .columns {
display: block;
.column {
width: 100%;
}
}
.different-list {
color: $grey-500;
width: auto;
}
.related-tasks {
.title {
font-size: 1rem;
margin: 0;
}
.tasks {
margin: 0;
a:not(.remove) {
width: calc(100% - #{$remove-icon-width});
}
.task .tasktext {
width: calc(100% - .25rem); // Magic .25rem extra space
}
.remove {
width: $remove-icon-width;
text-align: center;
}
}
}
.none {
font-style: italic;
text-align: center;
}
}
</style>

1
src/styles/components/_index.scss
View file

@ -2,7 +2,6 @@
@import "labels";
@import "list";
@import "task";
@import "taskRelations";
@import "tasks";
@import "teams";
@import "namespaces";

45
src/styles/components/taskRelations.scss
View file

@ -1,45 +0,0 @@
$remove-icon-width: 24px;
.task-relations {
&.is-narrow .columns {
display: block;
.column {
width: 100%;
}
}
.different-list {
color: $grey-500;
width: auto;
}
.related-tasks {
.title {
font-size: 1rem;
margin: 0;
}
.tasks {
margin: 0;
a:not(.remove) {
width: calc(100% - #{$remove-icon-width});
}
.task .tasktext {
width: calc(100% - .25rem); // Magic .25rem extra space
}
.remove {
width: $remove-icon-width;
text-align: center;
}
}
}
.none {
font-style: italic;
text-align: center;
}
}