Merge pull request #422 from frstrtr/dashboard/d-web4-mobile-viewport-legacy

frstrtr · web-flow · commit 7082ea29146f · 2026-06-24T17:01:38.000+04:00
web(d-web4): viewport meta + mobile shim for legacy index/graphs pages
diff --git a/web-static/graphs.html b/web-static/graphs.html
@@ -2,6 +2,7 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     <head>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>c2pool Graphs</title>
         <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
         <script type="text/javascript" src="d3.v2.min.js"></script>
@@ -34,6 +35,18 @@
             .pool-tab-add { background: transparent !important; color: #8888a0 !important; border: 1px dashed #3a3a5a !important; font-size: 1rem; padding: 2px 10px; opacity: 0.6; box-shadow: none !important; }
             .pool-tab-add:hover { opacity: 1; border-color: #008de4 !important; color: #008de4 !important; }
         </style>
+        <style type="text/css">
+            /* D-WEB.4 mobile-responsive shim (dashboard-steward) */
+            @media screen and (max-width: 760px) {
+                body { margin: 8px; -webkit-text-size-adjust: 100%; }
+                h1 { font-size: 1.4em; word-wrap: break-word; }
+                /* keep wide tables on their own horizontal scroll instead of
+                   forcing the whole page wide (the mobile-clip the operator hit) */
+                table { display: block; max-width: 100%; overflow-x: auto;
+                        -webkit-overflow-scrolling: touch; }
+                img, canvas { max-width: 100%; height: auto; }
+            }
+        </style>
     </head>
     
     <body style="margin: 0;">
diff --git a/web-static/index.html b/web-static/index.html
@@ -3,6 +3,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     <head>
         <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>c2pool</title>
         <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
         <script type="text/javascript" src="d3.v2.min.js"></script>
@@ -486,6 +487,18 @@
             fill('../web/tails', '#tails');
             fill('../web/my_share_hashes50', '#my_share_hashes');
         </script>
+        <style type="text/css">
+            /* D-WEB.4 mobile-responsive shim (dashboard-steward) */
+            @media screen and (max-width: 760px) {
+                body { margin: 8px; -webkit-text-size-adjust: 100%; }
+                h1 { font-size: 1.4em; word-wrap: break-word; }
+                /* keep wide tables on their own horizontal scroll instead of
+                   forcing the whole page wide (the mobile-clip the operator hit) */
+                table { display: block; max-width: 100%; overflow-x: auto;
+                        -webkit-overflow-scrolling: touch; }
+                img, canvas { max-width: 100%; height: auto; }
+            }
+        </style>
     </head>
     <body>
         <h1>c2pool <span class="symbol"></span></h1>
