From 191b18fc41491d56ccdb29ddda29f44fa48254b6 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Mon, 1 Dec 2025 11:37:29 -0500
Subject: [PATCH] feat: improve Proxmox help view by adding responsive styling
 for the IPv6 adoption iframe, enhancing display and usability across devices

---
 .../Servers/Proxmox/views/help.blade.php      | 32 +++++++++++++++++--
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/extensions/Servers/Proxmox/views/help.blade.php b/extensions/Servers/Proxmox/views/help.blade.php
index 0231458de..f28ba1325 100644
--- a/extensions/Servers/Proxmox/views/help.blade.php
+++ b/extensions/Servers/Proxmox/views/help.blade.php
@@ -1691,16 +1691,42 @@ iface vmbr0 inet static
                                     <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.
                                     </p>
-                                    <div class="bg-background border border-neutral rounded-md p-4 mb-4" style="overflow-x: hidden; max-width: 100%;">
-                                        <div class="w-full" style="max-width: 100%; overflow: hidden; position: relative;">
+                                    <style>
+                                        .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 
                                                 src="https://stats.labs.apnic.net/ipv6/" 
                                                 title="IPv6 Adoption Rate by Country"
                                                 class="border-0 rounded"
-                                                style="width: 100%; max-width: 100%; height: 600px; min-height: 600px; display: block; border: 0;"
                                                 loading="lazy"
                                                 allow="fullscreen"
                                                 sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
+                                                scrolling="no"
                                             ></iframe>
                                         </div>
                                         <p class="text-xs text-base/60 mt-2 text-center">