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