Style background of feedback popover white due to iframe boundary breaking theming

This commit is contained in:
Andrew Kingston 2020-11-02 07:59:29 +00:00
parent 7bc306fe43
commit 6b5ca2e7de
1 changed files with 9 additions and 3 deletions

View File

@ -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">
<div class="iframe">
<Popover bind:this={popover} anchor={iconContainer} align="right">
<FeedbackIframe on:finished={popover.hide} />
</Popover>
</Popover>
</div>
<style>
i {
@ -48,4 +50,8 @@
.container:hover i {
color: var(--ink);
}
.iframe :global(.menu-container) {
background-color: white;
}
</style>