|
|
|
@ -18,9 +18,11 @@ |
|
|
|
<div class="container" bind:this={iconContainer} on:click={popover.show}> |
|
|
|
<i class="ri-feedback-line" class:highlight={$store.highlightFeedbackIcon} /> |
|
|
|
</div> |
|
|
|
<Popover bind:this={popover} anchor={iconContainer} align="right"> |
|
|
|
<FeedbackIframe on:finished={popover.hide} /> |
|
|
|
</Popover> |
|
|
|
<div class="iframe"> |
|
|
|
<Popover bind:this={popover} anchor={iconContainer} align="right"> |
|
|
|
<FeedbackIframe on:finished={popover.hide} /> |
|
|
|
</Popover> |
|
|
|
</div> |
|
|
|
|
|
|
|
<style> |
|
|
|
i { |
|
|
|
@ -48,4 +50,8 @@ |
|
|
|
.container:hover i { |
|
|
|
color: var(--ink); |
|
|
|
} |
|
|
|
|
|
|
|
.iframe :global(.menu-container) { |
|
|
|
background-color: white; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|