1.2.2

changelog.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## 2025-01-09 - 1.2.2 - fix(component)
+Fix sizing of status indicator in uptimelink-webwidget
+
+- Corrected the status indicator dimensions for consistency.
+
+## 2025-01-09 - 1.2.1 - fix(UptimelinkWebwidget)
+Remove incorrect scale transformation in focused state.
+
+- Fixed the CSS transform property for the .mainbox.focused class in the UptimelinkWebwidget component by removing an unintended scale transformation.
+
 ## 2025-01-09 - 1.2.0 - feat(webwidget)
 Enhanced widget animations and styling
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uptime.link/webwidget",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "private": false,
   "description": "The web widget for public use of uptimelink, allowing users to monitor uptime status through a user-friendly interface.",
   "main": "dist_ts_web/index.js",

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@uptime.link/webwidget',
-  version: '1.2.0',
+  version: '1.2.2',
   description: 'The web widget for public use of uptimelink, allowing users to monitor uptime status through a user-friendly interface.'
 }

ts_web/elements/uptimelink-webwidget.ts

@@ -89,14 +89,15 @@ export class UptimelinkWebwidget extends DeesElement {
         .mainbox.focused {
           width: 182px;
           height: 117px;
-          transform: translateX(-16px)scale(1.1, 1.1);
+          transform: translateX(-16px);
           background: ${this.goBright ? '#ffffff' : '#222222' } !important;
           box-shadow: ${this.goBright ? '0px 0px 5px rgba(0,0,0,0.1)' : ''} !important;
         }
 
         .statusindicator {
-          height: 20px;
-          width: 20px;
+          transform: translate(4px, 4px);
+          height: 12px;
+          width: 12px;
           background:  #66BB6A;
           border-radius: 10px;
         }