mirror of
https://github.com/Icinga/icingaweb2.git
synced 2025-07-26 23:34:08 +02:00
Merge pull request #3273 from Icinga/bugfix/iframe-dashboard
Improve rendering of iframes in the dashboard
This commit is contained in:
commit
d0aa39007a
@ -1,4 +1,8 @@
|
|||||||
|
<?php if (! $compact): ?>
|
||||||
<div class="controls">
|
<div class="controls">
|
||||||
<?= $tabs ?>
|
<?= $tabs ?>
|
||||||
</div>
|
</div>
|
||||||
<iframe src="<?= $this->escape($url) ?>" style="height:99%; width:99%;" frameborder="no"></iframe>
|
<?php endif ?>
|
||||||
|
<div class="iframe-container">
|
||||||
|
<iframe src="<?= $this->escape($url) ?>" frameborder="no"></iframe>
|
||||||
|
</div>
|
||||||
|
@ -215,3 +215,21 @@ a:hover > .icon-cancel {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Responsive iFrames
|
||||||
|
|
||||||
|
.iframe-container {
|
||||||
|
position: relative;
|
||||||
|
height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
padding-bottom: 75%;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
& > iframe {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user