fixed position of controls in incoming call

css/base.css

@@ -2267,6 +2267,8 @@ video {
 
 .incoming-call {
   position: relative;
+  display: flex;
+  flex-direction: column;
   background-color: var(--clr-bright);
   box-shadow: 0.15rem 0.15rem 1.5rem var(--clr-shadow-dialog);
   border-radius: 0.3rem;

src/i18n/ar.json

@@ -1899,5 +1899,12 @@
     "description": "Label adjusting blur amount",
     "missing": false,
     "obsolete": false
+  },
+  "label_scan_id": {
+    "translation": "",
+    "defaultMessage": "Scan my ID:",
+    "description": "Label [Scan my ID:]",
+    "missing": true,
+    "obsolete": false
   }
 }

src/i18n/de.json

@@ -1899,5 +1899,12 @@
     "description": "Label adjusting blur amount",
     "missing": false,
     "obsolete": false
+  },
+  "label_scan_id": {
+    "translation": "",
+    "defaultMessage": "Scan my ID:",
+    "description": "Label [Scan my ID:]",
+    "missing": true,
+    "obsolete": false
   }
 }

src/i18n/en.json

@@ -1899,5 +1899,12 @@
     "description": "Label adjusting blur amount",
     "missing": false,
     "obsolete": false
+  },
+  "label_scan_id": {
+    "translation": "Scan my ID:",
+    "defaultMessage": "Scan my ID:",
+    "description": "Label [Scan my ID:]",
+    "missing": false,
+    "obsolete": false
   }
 }

src/i18n/es.json

@@ -1899,5 +1899,12 @@
     "description": "Label adjusting blur amount",
     "missing": false,
     "obsolete": false
+  },
+  "label_scan_id": {
+    "translation": "",
+    "defaultMessage": "Scan my ID:",
+    "description": "Label [Scan my ID:]",
+    "missing": true,
+    "obsolete": false
   }
 }

src/i18n/ex/base-en.json

@@ -498,6 +498,10 @@
     "defaultMessage": "Send SMS to reset password",
     "description": "Label for password reset field by phone"
   },
+  "label_scan_id": {
+    "defaultMessage": "Scan my ID:",
+    "description": "Label [Scan my ID:]"
+  },
   "label_sdk": {
     "defaultMessage": "SDK:"
   },

src/i18n/fr.json

@@ -1899,5 +1899,12 @@
     "description": "Label adjusting blur amount",
     "missing": false,
     "obsolete": false
+  },
+  "label_scan_id": {
+    "translation": "",
+    "defaultMessage": "Scan my ID:",
+    "description": "Label [Scan my ID:]",
+    "missing": true,
+    "obsolete": false
   }
 }

src/i18n/it.json

@@ -1899,5 +1899,12 @@
     "description": "Label adjusting blur amount",
     "missing": false,
     "obsolete": false
+  },
+  "label_scan_id": {
+    "translation": "",
+    "defaultMessage": "Scan my ID:",
+    "description": "Label [Scan my ID:]",
+    "missing": true,
+    "obsolete": false
   }
 }

src/i18n/ko.json

@@ -1899,5 +1899,12 @@
     "description": "Label adjusting blur amount",
     "missing": false,
     "obsolete": false
+  },
+  "label_scan_id": {
+    "translation": "",
+    "defaultMessage": "Scan my ID:",
+    "description": "Label [Scan my ID:]",
+    "missing": true,
+    "obsolete": false
   }
 }

src/i18n/ro.json

@@ -1899,5 +1899,12 @@
     "description": "Label adjusting blur amount",
     "missing": false,
     "obsolete": false
+  },
+  "label_scan_id": {
+    "translation": "",
+    "defaultMessage": "Scan my ID:",
+    "description": "Label [Scan my ID:]",
+    "missing": true,
+    "obsolete": false
   }
 }

src/i18n/ru.json

@@ -1899,5 +1899,12 @@
     "description": "Label adjusting blur amount",
     "missing": false,
     "obsolete": false
+  },
+  "label_scan_id": {
+    "translation": "",
+    "defaultMessage": "Scan my ID:",
+    "description": "Label [Scan my ID:]",
+    "missing": true,
+    "obsolete": false
   }
 }

src/i18n/th.json

@@ -1899,5 +1899,12 @@
     "description": "Label adjusting blur amount",
     "missing": false,
     "obsolete": false
+  },
+  "label_scan_id": {
+    "translation": "",
+    "defaultMessage": "Scan my ID:",
+    "description": "Label [Scan my ID:]",
+    "missing": true,
+    "obsolete": false
   }
 }

src/i18n/uk.json

@@ -1899,5 +1899,12 @@
     "description": "Label adjusting blur amount",
     "missing": false,
     "obsolete": false
+  },
+  "label_scan_id": {
+    "translation": "",
+    "defaultMessage": "Scan my ID:",
+    "description": "Label [Scan my ID:]",
+    "missing": true,
+    "obsolete": false
   }
 }

src/i18n/zh-TW.json

@@ -1899,5 +1899,12 @@
     "description": "Label adjusting blur amount",
     "missing": false,
     "obsolete": false
+  },
+  "label_scan_id": {
+    "translation": "",
+    "defaultMessage": "Scan my ID:",
+    "description": "Label [Scan my ID:]",
+    "missing": true,
+    "obsolete": false
   }
 }

src/i18n/zh.json

@@ -1899,5 +1899,12 @@
     "description": "Label adjusting blur amount",
     "missing": false,
     "obsolete": false
+  },
+  "label_scan_id": {
+    "translation": "",
+    "defaultMessage": "Scan my ID:",
+    "description": "Label [Scan my ID:]",
+    "missing": true,
+    "obsolete": false
   }
 }

src/views/tinode-web.jsx

@@ -325,10 +325,6 @@ class TinodeWeb extends React.Component {
     this.applyWallpaperSettings(this.state.wallpaper, this.state.wallpaperSize, this.state.wallpaperBlur,
       this.state.colorSchema == 'auto' ? this.state.systemColorSchema : this.state.colorSchema);
 
-    console.log("Wallpaper settings:", this.state.wallpaper, this.state.wallpaperSize, this.state.wallpaperBlur);
-    console.log("Wallpaper type:", this.state.wallpaperSize == 0 ? 'wpimg' : 'wppatt');
-    console.log("System color scheme:", this.state.systemColorSchema);
-
     // Process background notifications from the service worker.
     if (typeof BroadcastChannel == 'function') {
       const serviceWorkerChannel = new BroadcastChannel('tinode-sw');
@@ -1263,7 +1259,6 @@ class TinodeWeb extends React.Component {
 
   // Manual change of color scheme: 'dark', 'light', 'auto'.
   handleChangeColorSchema(schema) {
-    console.log("User color scheme change:", schema);
     this.setState({colorSchema: schema});
     LocalStorageUtil.updateObject('settings', {colorSchema: schema});
     document.documentElement.style.colorScheme = schema == 'auto' ? 'light dark' : schema;
@@ -1273,14 +1268,12 @@ class TinodeWeb extends React.Component {
   // System color scheme has changed.
   handleColorSchemeChange(event) {
     const systemSchema = event.matches ? 'dark' : 'light';
-    console.log("System color scheme change:", systemSchema);
     this.setState({systemColorSchema: systemSchema});
     this.applyColorSchema(this.state.colorSchema, systemSchema, this.state.wallpaperSize);
   }
 
   applyColorSchema(schema, systemSchema, size) {
     const effectiveSchema = schema == 'auto' ? systemSchema : schema;
-    console.log("applyColorSchema:", effectiveSchema);
     document.documentElement.style.setProperty('--wallpaper-invert', effectiveSchema == 'dark' && size ? '1' : '0');
     document.documentElement.style.setProperty('--wallpaper-brightness', effectiveSchema == 'dark' && !size ? '0.5' : '1');
   }

src/widgets/new-topic-by-id.jsx

@@ -77,7 +77,9 @@ class NewTopicById extends React.PureComponent {
         </div>
         <br />
         <div className="panel-form-column">
-        <label className="small">Scan my ID:</label>
+          <label className="small"><FormattedMessage id="label_scan_id"
+            defaultMessage="Scan my ID:" description="Label [Scan my ID:]" />
+          </label>
           <div className="qr-code" ref={this.qrCodeRef} />
         </div>
       </div>

umd/index.dev.js

@@ -12348,9 +12348,6 @@ class TinodeWeb extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
     document.documentElement.style.colorScheme = this.state.colorSchema == 'auto' ? 'light dark' : this.state.colorSchema;
     document.documentElement.style.setProperty('--message-text-size', `${this.state.textSize}pt`);
     this.applyWallpaperSettings(this.state.wallpaper, this.state.wallpaperSize, this.state.wallpaperBlur, this.state.colorSchema == 'auto' ? this.state.systemColorSchema : this.state.colorSchema);
-    console.log("Wallpaper settings:", this.state.wallpaper, this.state.wallpaperSize, this.state.wallpaperBlur);
-    console.log("Wallpaper type:", this.state.wallpaperSize == 0 ? 'wpimg' : 'wppatt');
-    console.log("System color scheme:", this.state.systemColorSchema);
     if (typeof BroadcastChannel == 'function') {
       const serviceWorkerChannel = new BroadcastChannel('tinode-sw');
       serviceWorkerChannel.addEventListener('message', this.handlePushMessage);
@@ -13149,7 +13146,6 @@ class TinodeWeb extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
     });
   }
   handleChangeColorSchema(schema) {
-    console.log("User color scheme change:", schema);
     this.setState({
       colorSchema: schema
     });
@@ -13161,7 +13157,6 @@ class TinodeWeb extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
   }
   handleColorSchemeChange(event) {
     const systemSchema = event.matches ? 'dark' : 'light';
-    console.log("System color scheme change:", systemSchema);
     this.setState({
       systemColorSchema: systemSchema
     });
@@ -13169,7 +13164,6 @@ class TinodeWeb extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
   }
   applyColorSchema(schema, systemSchema, size) {
     const effectiveSchema = schema == 'auto' ? systemSchema : schema;
-    console.log("applyColorSchema:", effectiveSchema);
     document.documentElement.style.setProperty('--wallpaper-invert', effectiveSchema == 'dark' && size ? '1' : '0');
     document.documentElement.style.setProperty('--wallpaper-brightness', effectiveSchema == 'dark' && !size ? '0.5' : '1');
   }
@@ -19168,7 +19162,13 @@ class NewTopicById extends (react__WEBPACK_IMPORTED_MODULE_1___default().PureCom
       className: "panel-form-column"
     }, react__WEBPACK_IMPORTED_MODULE_1___default().createElement("label", {
       className: "small"
-    }, "Scan my ID:"), react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    }, react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_intl__WEBPACK_IMPORTED_MODULE_2__.FormattedMessage, {
+      id: "label_scan_id",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Scan my ID:"
+      }]
+    })), react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
       className: "qr-code",
       ref: this.qrCodeRef
     })));