Resized Portal preview iframe

no refs.
- made Portal preview iframe a bit smaller to make sure users get the UI context
This commit is contained in:
Peter Zimon 2020-07-16 16:51:45 +02:00
parent b8275f066c
commit ed06c3bbe8
3 changed files with 10 additions and 1 deletions

View File

@ -1,4 +1,4 @@
<iframe id="site-frame" class="site-frame" src="{{this.srcUrl}}" frameborder="0" allowtransparency="true"></iframe>
<iframe id="site-frame" class="site-frame {{this.classNames}}" src="{{this.srcUrl}}" frameborder="0" allowtransparency="true"></iframe>
<style>
.site-frame {

View File

@ -268,6 +268,7 @@
<GhSiteIframe
@guid="test-site-portal"
@src={{this.portalPreviewUrl}}
@classNames="gh-portal-siteiframe"
></GhSiteIframe>
</div>
<div class="modal-footer">

View File

@ -243,4 +243,12 @@
border-radius: 2px;
background: var(--white);
border: 1px solid var(--whitegrey);
}
.gh-portal-siteiframe {
border-radius: 5px;
transform: scale(0.9) !important;
transform-origin: 0 0;
width: calc((1 / 0.9) * 100%) !important;
height: calc((1 / 0.9) * 100%) !important;
}