Browse Source

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

gh-pages
Andrew Kingston 6 years ago
parent
commit
6b5ca2e7de
  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}>
<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>

Loading…
Cancel
Save