Log entries need be with fixed with that is scrolled on resizing.

diff --git a/htdocs/cgi-bin/main.cgi b/htdocs/cgi-bin/main.cgi
index 24193e42f134f4b410dafed91ad84e0cefaca431..9e8eed515ef52e5cdacff240df056a0c4dd04f72 100755 (executable)
--- a/htdocs/cgi-bin/main.cgi
+++ b/htdocs/cgi-bin/main.cgi
@@ -652,7 +652,7 @@ sub buildLog {
         $log_output .= qq(<tr class="r$ssid">
                <td width="15%">$dtf<input id="y$id" type="hidden" value="$dty"/></td>
                <td id="t$id" width="10%" class="tbl">$dth</td>
-               <td id="v$id" class="log" width="40%">$log</td>
+               <td id="v$id"><div class="log">$log</div></td>
                <td id="a$id" width="10%" class="tbl">$am</td>
                <td id="c$id" width="10%" class="tbl">$ct</td>
         );

diff --git a/htdocs/cgi-bin/wsrc/main.css b/htdocs/cgi-bin/wsrc/main.css
index 92595878c543b0085b82a8b91a08ed1861e0acc8..75f1d43fd59f8a7378ab2948ce7d42371fcdcabe 100644 (file)
--- a/htdocs/cgi-bin/wsrc/main.css
+++ b/htdocs/cgi-bin/wsrc/main.css
@@ -20,7 +20,7 @@ div {
 }
 
 #div_log {
-    font-weight: bold;
+    font-weight: bold; 
 }
 #div_srh {
     text-align: center;
@@ -142,12 +142,32 @@ th,
 }
 
 .log {
+    max-width:550px;
     text-align: left;
     word-wrap: break-word;
-    padding-left: 5px;
+    white-space: normal;
+    padding-left: 5px;            
+    overflow-y:hidden;
 }
 
 
+.log::-webkit-scrollbar {
+    -webkit-appearance: none;
+}
+
+.log::-webkit-scrollbar:vertical {
+    width: 12px;
+}
+
+.log::-webkit-scrollbar:horizontal {
+    height: 12px;
+}
+
+.log::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    border: 2px solid white; /* should match background, can't be transparent */
+    background-color: rgba(0, 0, 0, .5);
+}
 
 div#rz {
     border: 1px solid black;

diff --git a/htdocs/cgi-bin/wsrc/main.js b/htdocs/cgi-bin/wsrc/main.js
index a88852ee79492d2670399ba725fac48c5856099b..910e8c3bbdb9551e7222007b27eff949da178ea6 100644 (file)
--- a/htdocs/cgi-bin/wsrc/main.js
+++ b/htdocs/cgi-bin/wsrc/main.js
@@ -1129,6 +1129,7 @@ function RGBToHex(rgb) {
 
 function fetchBackup() {
     window.location = "config.cgi?bck=1";
+    setTimeout("location.reload(true);", 1000);
 }
 function deleteBackup() {
     $('<div></div>').dialog({

diff --git a/htdocs/cgi-bin/wsrc/main_earth.css b/htdocs/cgi-bin/wsrc/main_earth.css
index 9ea2cd7abf7e16a5e881a291b9530a2c451e6477..f4637c0abf14a4dede80866acc56abe95c11133e 100644 (file)
--- a/htdocs/cgi-bin/wsrc/main_earth.css
+++ b/htdocs/cgi-bin/wsrc/main_earth.css
@@ -113,9 +113,31 @@ th,
 }
 
 .log {
+    max-width:550px;
     text-align: left;
     word-wrap: break-word;
-    padding-left: 5px;
+    white-space: normal;
+    padding-left: 5px;            
+    overflow-y:hidden;
+}
+
+
+.log::-webkit-scrollbar {
+    -webkit-appearance: none;
+}
+
+.log::-webkit-scrollbar:vertical {
+    width: 12px;
+}
+
+.log::-webkit-scrollbar:horizontal {
+    height: 12px;
+}
+
+.log::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    border: 2px solid white; /* should match background, can't be transparent */
+    background-color: rgba(0, 0, 0, .5);
 }
 
 div#rz {

diff --git a/htdocs/cgi-bin/wsrc/main_moon.css b/htdocs/cgi-bin/wsrc/main_moon.css
index a418c5e8780e2c73d27fe47c2ae7f631dabafb8e..34b4b2973c8937277b4304d21fe11c46987b2094 100644 (file)
--- a/htdocs/cgi-bin/wsrc/main_moon.css
+++ b/htdocs/cgi-bin/wsrc/main_moon.css
@@ -131,9 +131,31 @@ div#rz {
 }
 
 .log {
+    max-width:550px;
     text-align: left;
     word-wrap: break-word;
-    padding-left: 5px;
+    white-space: normal;
+    padding-left: 5px;            
+    overflow-y:hidden;
+}
+
+
+.log::-webkit-scrollbar {
+    -webkit-appearance: none;
+}
+
+.log::-webkit-scrollbar:vertical {
+    width: 12px;
+}
+
+.log::-webkit-scrollbar:horizontal {
+    height: 12px;
+}
+
+.log::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    border: 2px solid white; /* should match background, can't be transparent */
+    background-color: rgba(0, 0, 0, .5);
 }
 
 #tag_FRM {

diff --git a/htdocs/cgi-bin/wsrc/main_sun.css b/htdocs/cgi-bin/wsrc/main_sun.css
index a3dfd470bbd85dad3bbaff01094bd15dfc833a13..c117cfe3a15e99e73b0733bea650a4314f59920a 100644 (file)
--- a/htdocs/cgi-bin/wsrc/main_sun.css
+++ b/htdocs/cgi-bin/wsrc/main_sun.css
@@ -114,12 +114,33 @@ th,
 }
 
 .log {
+    max-width:550px;
     text-align: left;
     word-wrap: break-word;
-    padding-left: 5px;
+    white-space: normal;
+    padding-left: 5px;            
+    overflow-y:hidden;
 }
 
 
+.log::-webkit-scrollbar {
+    -webkit-appearance: none;
+}
+
+.log::-webkit-scrollbar:vertical {
+    width: 12px;
+}
+
+.log::-webkit-scrollbar:horizontal {
+    height: 12px;
+}
+
+.log::-webkit-scrollbar-thumb {
+    border-radius: 8px;
+    border: 2px solid white; /* should match background, can't be transparent */
+    background-color: rgba(0, 0, 0, .5);
+}
+
 
 div#rz {
     border: 1px solid black;