the event list style corrections

eakondratiev · Jan 18, 2024 · 12e0b3e · 12e0b3e
1 parent 47b124f
commit 12e0b3e
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 10 deletions.
diff --git a/assets/mouse-events.js b/assets/mouse-events.js
@@ -4,6 +4,7 @@
  * 2023-09-05
  * 2023-09-12 a call to console.log removed
  * 2023-09-18 handle right-button clicks
+ * 2023-01-18 printMouseEvent() output format
  */
 
 /**
@@ -181,7 +182,7 @@ function mouseEvents(options) {
     eventTimes[e.type] = e.timeStamp;
 
     statCount (e, eventName, {doubleClickDetected: doubleClickDetected});
-    prependLine (`${eventName}. <span>Time stamp: ${e.timeStamp.toFixed(3)} ms</span>` +
+    prependLine (`<b>${eventName}</b> <span>Time stamp: ${e.timeStamp.toFixed(3)} ms</span>` +
       `${coordinates}` +
       `${pointerType}${wheelData}${filesData}` +
       `${keys}.`, css);

diff --git a/assets/mouse-events.min.js b/assets/mouse-events.min.js
diff --git a/mouse-events.htm b/mouse-events.htm
@@ -48,13 +48,12 @@
         transition: 0.5s;}
       #mouse-event-field:hover {box-shadow: inset 0 0 10pt 0 #79b;}
       #mouse-event-field:active {background: #cde; box-shadow: inset 0 0 25pt 0 #79b;}
-      #mouse-events-stat {margin: 8pt auto; padding-bottom: 4pt;}
+      #mouse-events-stat {margin: 8pt auto; padding-bottom: 4pt; font-size:0.85rem; line-height: 1.5;}
       #mouse-events-stat:not(:empty){ border-bottom: dotted 1pt #ccc;}
-      #mouse-events-registered {
-        font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
-        font-size: 0.9rem; margin: 4pt auto;}
+      #mouse-events-registered { font-size: 0.9rem; margin: 4pt auto;}
       #mouse-events-registered:empty:before {content: 'Ready...';}
-      #mouse-events-registered div {margin-bottom:4pt;}
+      #mouse-events-registered div {border-bottom: dotted 1pt #999; margin-bottom:4pt; padding-bottom: 4pt;}
+      #mouse-events-registered div b {background: #380; border-radius:1pt; color: #fff; padding: 0 2pt; margin-right: 2pt;}
       #mouse-events-registered div span {white-space:nowrap;}
 
       @media (prefers-color-scheme: dark) {
@@ -151,9 +150,10 @@ <h3 class="events-log-title">Events <button id="btn-reset">Clear</button></h3>
       </div>
       imperfect <b>tools</b>
     </div>
-    <script src="/assets/mouse-events.min.js?20230918"></script>
+    <script src="/assets/mouse-events.min.js?20240118"></script>
     <script>
       'use strict';
+
       // check for compatibility
       if (document.getElementsByClassName === undefined ||
           !Element.prototype.addEventListener) {

diff --git a/sitemap.xml b/sitemap.xml
@@ -10,7 +10,7 @@
   </url>
   <url>
     <loc>https://eakondratiev.github.io/mouse-events.htm</loc>
-    <lastmod>2023-09-18</lastmod>
+    <lastmod>2024-01-18</lastmod>
   </url>
   <url>
     <loc>https://eakondratiev.github.io/file.htm</loc>