Browse Source

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

master
Andrew Kingston 6 years ago
parent
commit
b8e3d92243
  1. 12
      packages/builder/src/components/userInterface/Feedback/FeedbackNavLink.svelte

12
packages/builder/src/components/userInterface/Feedback/FeedbackNavLink.svelte

@ -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>
<Popover bind:this={popover} anchor={iconContainer} align="right"> <div class="iframe">
<FeedbackIframe on:finished={popover.hide} /> <Popover bind:this={popover} anchor={iconContainer} align="right">
</Popover> <FeedbackIframe on:finished={popover.hide} />
</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>

Loading…
Cancel
Save