| ... |
... |
@@ -53,12 +53,26 @@ |
| 53 |
53 |
text-align:center; |
| 54 |
54 |
} |
| 55 |
55 |
|
| 56 |
|
- span.box{ |
| 57 |
|
- display: block; |
| 58 |
|
- padding: 20px; |
|
56 |
+ .resizer { |
|
57 |
+ display:flex; |
|
58 |
+ margin:0; |
|
59 |
+ padding:0; |
|
60 |
+ resize:both; |
|
61 |
+ overflow:hidden |
| 59 |
59 |
} |
|
63 |
+ |
|
64 |
+ .resizer > .resized { |
|
65 |
+ flex-grow:1; |
|
66 |
+ margin:0; |
|
67 |
+ padding:0; |
|
68 |
+ border:0; |
|
69 |
+ width: 100%; |
|
70 |
+height: 1000px; |
|
71 |
+ } |
|
72 |
+ .ugly { border:4px dashed black; } |
| 60 |
60 |
</style> |
| 61 |
61 |
|
| 62 |
|
- |
| 63 |
|
- <iframe id="customerdemo" style="width:100%; height:900px" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeAJAX/iframe.html"></iframe> |
|
75 |
+ <div class="resizer ugly"> |
|
76 |
+ <iframe id="customerdemo" class="resized" src="https://help7.formcycle.eu/xwiki/bin/download/Examples/IncludeAJAX/iframe.html"></iframe> |
|
77 |
+ </div> |
| 64 |
64 |
{{/html}} |
