generated from cms/tibi-docs
This commit is contained in:
parent
df22a0da08
commit
3e01920db4
@ -7,7 +7,7 @@
|
|||||||
|
|
||||||
let count = col.iconCycleCircle.boxes.length // The number of surrounding circles.
|
let count = col.iconCycleCircle.boxes.length // The number of surrounding circles.
|
||||||
let angleStep = 360 / count
|
let angleStep = 360 / count
|
||||||
let radius = 360
|
let radius = 300
|
||||||
|
|
||||||
let circles = []
|
let circles = []
|
||||||
|
|
||||||
@ -46,7 +46,7 @@
|
|||||||
<div class="number" style="transform: rotate(calc( -1 * {rotation}deg - 90deg ))">{i + 1}</div>
|
<div class="number" style="transform: rotate(calc( -1 * {rotation}deg - 90deg ))">{i + 1}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="content" style="transform: translate(calc({x}px / 20) , calc({y}px / 20))">
|
<div class="content" style="">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<svg
|
<svg
|
||||||
id="mySvgObject{i}"
|
id="mySvgObject{i}"
|
||||||
@ -61,8 +61,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="arrow"
|
class="arrow"
|
||||||
style="transform: translate(calc(90px + {(x * 0.8) / 2}px - 10px ), calc(90px + {(y * 0.8) /
|
style="transform-origin: center; transform: translate(calc(90px + {(x * 0.9) /
|
||||||
2}px - 37.5px)) rotate(calc({rotation}deg - 90deg))"
|
2}px - 5px ), calc(90px + {(y * 0.9) / 2}px - 37.5px)) rotate(calc({rotation}deg - 90deg))"
|
||||||
>
|
>
|
||||||
<img src="/media/arrow-l-fat.svg" alt="arrow" />
|
<img src="/media/arrow-l-fat.svg" alt="arrow" />
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user