Joseph.Rawlings/Virtnet.bond
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

feat: improve Proxmox help view by adding responsive styling for the IPv6 adoption iframe, enhancing display and usability across devices

Browse Source
This commit is contained in:
Joseph.Rawlings
2025-12-01 11:37:29 -05:00
parent bac8bbb68d
commit 191b18fc41
1 changed files with 29 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
extensions/Servers/Proxmox/views/help.blade.php
View File

@@ -1691,16 +1691,42 @@ iface vmbr0 inet static
<p class="text-sm text-base/70 mb-3"> <p class="text-sm text-base/70 mb-3">
The following chart from <a href="https://stats.labs.apnic.net/ipv6/" target="_blank" rel="noopener noreferrer" class="text-primary hover:underline">APNIC Labs</a> shows the current IPv6 adoption rate across different countries. IPv6 adoption varies significantly by region, with some countries having over 50% adoption while others remain primarily on IPv4. The following chart from <a href="https://stats.labs.apnic.net/ipv6/" target="_blank" rel="noopener noreferrer" class="text-primary hover:underline">APNIC Labs</a> shows the current IPv6 adoption rate across different countries. IPv6 adoption varies significantly by region, with some countries having over 50% adoption while others remain primarily on IPv4.
</p> </p>
<div class="bg-background border border-neutral rounded-md p-4 mb-4" style="overflow-x: hidden; max-width: 100%;"> <style>
<div class="w-full" style="max-width: 100%; overflow: hidden; position: relative;"> .ipv6-iframe-container {
width: 100%;
max-width: 100%;
overflow-x: hidden !important;
overflow-y: visible;
box-sizing: border-box;
}
.ipv6-iframe-wrapper {
width: 100%;
max-width: 100%;
overflow: hidden;
position: relative;
box-sizing: border-box;
}
.ipv6-iframe-wrapper iframe {
width: 100% !important;
max-width: 100% !important;
height: 600px;
min-height: 600px;
display: block;
border: 0;
box-sizing: border-box;
overflow: hidden;
}
</style>
<div class="bg-background border border-neutral rounded-md p-4 mb-4 ipv6-iframe-container">
<div class="ipv6-iframe-wrapper">
<iframe <iframe
src="https://stats.labs.apnic.net/ipv6/" src="https://stats.labs.apnic.net/ipv6/"
title="IPv6 Adoption Rate by Country" title="IPv6 Adoption Rate by Country"
class="border-0 rounded" class="border-0 rounded"
style="width: 100%; max-width: 100%; height: 600px; min-height: 600px; display: block; border: 0;"
loading="lazy" loading="lazy"
allow="fullscreen" allow="fullscreen"
sandbox="allow-same-origin allow-scripts allow-popups allow-forms" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
scrolling="no"
></iframe> ></iframe>
</div> </div>
<p class="text-xs text-base/60 mt-2 text-center"> <p class="text-xs text-base/60 mt-2 text-center">