fix(frontend): sparkle内にリンクを入れるとクリック不能になる問題の修正 (#11075)
* wip * Fix 11021
This commit is contained in:
parent
af3258dc79
commit
6157616b37
|
@ -20,6 +20,7 @@
|
||||||
|
|
||||||
### Client
|
### Client
|
||||||
- Fix: サーバーメトリクスが90度傾いている
|
- Fix: サーバーメトリクスが90度傾いている
|
||||||
|
- Fix: sparkle内にリンクを入れるとクリック不能になる問題の修正
|
||||||
|
|
||||||
## 13.13.2
|
## 13.13.2
|
||||||
|
|
||||||
|
|
|
@ -32,7 +32,8 @@
|
||||||
</path>
|
</path>
|
||||||
</svg>
|
</svg>
|
||||||
-->
|
-->
|
||||||
<svg v-for="particle in particles" :key="particle.id" :width="width" :height="height" :viewBox="`0 0 ${width} ${height}`" xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: -32px; left: -32px;">
|
<!-- MFMで上位レイヤーに表示されるため、リンクをクリックできるようにstyleにpointer-events: none;を付与。 -->
|
||||||
|
<svg v-for="particle in particles" :key="particle.id" :width="width" :height="height" :viewBox="`0 0 ${width} ${height}`" xmlns="http://www.w3.org/2000/svg" style="position: absolute; top: -32px; left: -32px; pointer-events: none;">
|
||||||
<path
|
<path
|
||||||
style="transform-origin: center; transform-box: fill-box;"
|
style="transform-origin: center; transform-box: fill-box;"
|
||||||
:transform="`translate(${particle.x} ${particle.y})`"
|
:transform="`translate(${particle.x} ${particle.y})`"
|
||||||
|
@ -115,6 +116,5 @@ onUnmounted(() => {
|
||||||
.root {
|
.root {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
pointer-events: none;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue