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

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

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