Remove scroll from preview auto as its in iframe

This commit is contained in:
Paul Clarke 2016-11-08 17:21:00 +13:00
parent 2acbad1bb0
commit 47179313eb
2 changed files with 9 additions and 9 deletions

View File

@ -12603,33 +12603,33 @@ li.class-ErrorPage>a .jstree-pageicon{
width:50px; width:50px;
} }
.cms-preview .panel--scrollable{ .cms-preview .panel{
position:relative; position:relative;
height:calc(100vh - 53px); height:calc(100vh - 53px);
} }
.cms-preview .panel--scrollable .preview-device-outer{ .cms-preview .panel .preview-device-outer{
height:100%; height:100%;
width:100%; width:100%;
} }
.cms-preview .panel--scrollable .preview-device-inner{ .cms-preview .panel .preview-device-inner{
box-sizing:border-box; box-sizing:border-box;
width:100%; width:100%;
height:100%; height:100%;
background-color:#fff; background-color:#fff;
} }
.cms-preview .panel--scrollable .preview-device-inner iframe{ .cms-preview .panel .preview-device-inner iframe{
height:100%; height:100%;
overflow-y:auto; overflow-y:auto;
width:100%; width:100%;
border:0; border:0;
} }
.cms-preview.desktop .panel--scrollable,.cms-preview.mobile .panel--scrollable,.cms-preview.tablet .panel--scrollable{ .cms-preview.desktop .panel,.cms-preview.mobile .panel,.cms-preview.tablet .panel{
background-color:#f6f7f8; background-color:#f6f7f8;
overflow-x:auto; overflow:auto;
} }
.cms-preview.desktop .preview__device,.cms-preview.mobile .preview__device,.cms-preview.tablet .preview__device{ .cms-preview.desktop .preview__device,.cms-preview.mobile .preview__device,.cms-preview.tablet .preview__device{

View File

@ -269,7 +269,7 @@
} }
} }
.panel--scrollable { .panel {
position: relative; position: relative;
height: calc(100vh - #{$toolbar-total-height}); height: calc(100vh - #{$toolbar-total-height});
@ -296,9 +296,9 @@
&.mobile, &.mobile,
&.tablet, &.tablet,
&.desktop { &.desktop {
.panel--scrollable { .panel {
background-color: $tab-panel-texture-color; /* cover website preview icon */ background-color: $tab-panel-texture-color; /* cover website preview icon */
overflow-x: auto; overflow: auto;
} }
.preview__device { .preview__device {