ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

improve scrollable iframes

Browse Source
This commit is contained in:
Philipp Kühn
2021-02-02 21:42:09 +01:00
committed by Hans Pagel
parent 66e689afd2
commit f27ead9b06
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/src/components/Demo/style.scss
View File

@@ -9,7 +9,7 @@
border-bottom-width: 0; border-bottom-width: 0;
color: $colorBlack; color: $colorBlack;
background-color: $colorWhite; background-color: $colorWhite;
max-height: 50rem; max-height: unquote("max(300px, 60vh)");
overflow: auto; overflow: auto;
scroll-behavior: smooth; scroll-behavior: smooth;
border: 1px solid rgba($colorBlack, 0.1); border: 1px solid rgba($colorBlack, 0.1);

9
docs/src/components/DemoFrame/index.vue
View File

@@ -4,9 +4,9 @@
<div class="demo-frame__loader" /> <div class="demo-frame__loader" />
</div> </div>
<iframe <iframe
v-resize.quiet class="demo-frame__iframe"
v-resize.quiet="{ scrolling: true }"
:src="`/demos/${name}?${query}`" :src="`/demos/${name}?${query}`"
style="background-color: transparent;"
width="100%" width="100%"
height="0" height="0"
frameborder="0" frameborder="0"
@@ -71,6 +71,11 @@ export default {
position: relative; position: relative;
min-height: 5rem; min-height: 5rem;
&__iframe {
background-color: transparent;
max-height: 100%;
}
&.is-inline { &.is-inline {
border-radius: 0.75rem; border-radius: 0.75rem;
background-color: rgba($colorBlack, 0.03); background-color: rgba($colorBlack, 0.03);