Merge pull request #211 from lsst-ts/tickets/DM-46084

DM-46084: Apply responsive class to updated images
lsst-ts · Sep 3, 2024 · 4ae3206 · 4ae3206
2 parents a0fd509 + 48bed50
commit 4ae3206
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/js/pages/current.js b/src/js/pages/current.js
@@ -1,4 +1,4 @@
-import { _getById } from '../modules/utils'
+import { _getById, _elWithClass } from '../modules/utils'
 import { WebsocketClient } from '../modules/ws-service-client'
 
 (function () {
@@ -21,7 +21,8 @@ import { WebsocketClient } from '../modules/ws-service-client'
     _getById('seqNum').textContent = newEvent.seq_num
     _getById('eventName').textContent = filename
     const oldImg = _getById('eventImage')
-    const newImg = document.createElement('img')
+    // create new responsive <img> element
+    const newImg = _elWithClass('img', 'resp')
     const imgURL = `${baseImgURL}/${filename}`
     newImg.src = imgURL
     newImg.id = oldImg.id