ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'feature/responsive-learnpfad' into develop

This commit is contained in:
Lorenz Padberg 2022-08-11 15:38:53 +02:00
parent 8e404771ee 2ad392f4c4
commit d4dd345e9e
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/components/circle/LearningPathDiagram.vue
View File

@ -142,7 +142,6 @@ export default {
.attr('fill', blue900)
.style('font-size', 19)
.text((d) => d.title)
.attr('class', 'circlesText text-xl font-bold hidden lg:block')
const topicHeightOffset = 20
const topicHeight = 50
@ -192,9 +191,6 @@ export default {
.data(this.learningPath.topics)
.enter()
.append('g')
.attr('class', (d) => {
return 'topic '.concat(d.is_visible ? "hidden lg:block" : "hidden")
})
const topicLines = topicGroups
.append('line')
@ -223,12 +219,16 @@ export default {
circlesText
.attr('y', 7)
.attr('x', radius + 40)
.attr('class', 'circlesText text-xl font-bold block')
topicGroups
.attr('transform', (d, i) => {
return "translate(" + Topics_X + ", " + getTopicVerticalPosition(i, d, this.learningPath.topics) + ")"
})
.attr('class', (d) => {
return 'topic '.concat(d.is_visible ? "block" : "hidden")
})
topicLines
@ -249,11 +249,17 @@ export default {
.attr('y', radius + 30)
.style('text-anchor', 'middle')
.call(wrap, circleWidth - 20)
.attr('class', 'circlesText text-xl font-bold hidden lg:block')
topicGroups
.attr('transform', (d, i) => {
return "translate(" + getTopicHorizontalPosition(i, d, this.learningPathStore.learningPath.topics) + ",0)"
})
.attr('class', (d) => {
return 'topic '.concat(d.is_visible ? "hidden lg:block" : "hidden")
})
topicLines
.attr('x1', -10)