1.18.2

Optimize font-weight for account status
Use SVG icon for locate-me button
2026-04-02 12:21:59 +04:00 · 2026-04-02 12:20:53 +04:00 · 2026-04-02 12:20:37 +04:00 · 2026-04-02 11:42:19 +04:00
9 changed files with 22 additions and 11 deletions
--- a/app/components/map.gjs
+++ b/app/components/map.gjs
@@ -284,7 +284,9 @@ export default class MapComponent extends Component {
    const initialCenter = toLonLat(view.getCenter());
    this.mapUi.updateCenter(initialCenter[1], initialCenter[0]);

-    apply(this.mapInstance, 'https://tiles.openfreemap.org/styles/liberty');
+    apply(this.mapInstance, 'https://tiles.openfreemap.org/styles/liberty', {
+      webfonts: 'data:text/css,',
+    });

    this.searchOverlayElement = document.createElement('div');
    this.searchOverlayElement.className = 'search-pulse';
@@ -392,7 +394,10 @@ export default class MapComponent extends Component {
    const locateElement = document.createElement('div');
    locateElement.className = 'ol-control ol-locate';
    const locateBtn = document.createElement('button');
-    locateBtn.innerHTML = '⊙';
+    locateBtn.style.display = 'flex';
+    locateBtn.style.alignItems = 'center';
+    locateBtn.style.justifyContent = 'center';
+    locateBtn.innerHTML = `<span class="icon" style="width: 14px; height: 14px; display: flex;">${getIcon('navigation')}</span>`;
    locateBtn.title = 'Locate Me';
    locateElement.appendChild(locateBtn);

--- a/app/components/user-menu.gjs
+++ b/app/components/user-menu.gjs
@@ -55,7 +55,7 @@ export default class UserMenuComponent extends Component {
          </div>
          <div class="account-status">
            {{#if @storage.connected}}
-              {{@storage.userAddress}}
+              <strong>{{@storage.userAddress}}</strong>
            {{else}}
              Not connected
            {{/if}}
@@ -84,7 +84,7 @@ export default class UserMenuComponent extends Component {
          </div>
          <div class="account-status">
            {{#if this.osmAuth.isConnected}}
-              {{this.osmAuth.userDisplayName}}
+              <strong>{{this.osmAuth.userDisplayName}}</strong>
            {{else}}
              Not connected
            {{/if}}
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -14,6 +14,8 @@ html,
 body {
  height: 100%;
  overscroll-behavior: none; /* Prevent pull-to-refresh on mobile */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
 }
@@ -26,6 +28,7 @@ body {
  margin: 0;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
+  font-weight: normal;
  color: #333;
 }

@@ -246,12 +249,15 @@ body {

 .account-status {
  font-size: 0.85rem;
-  font-weight: bold;
  color: #898989;
  margin-top: 0.35rem;
  margin-left: calc(18px + 0.75rem);
 }

+.account-status strong {
+  font-weight: 600;
+}
+
 .account-item.disabled {
  opacity: 0.5;
  pointer-events: none;
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "marco",
-  "version": "1.18.1",
+  "version": "1.18.2",
  "private": true,
  "description": "Unhosted maps app",
  "repository": {
--- a/release/assets/main-BZnE0aU1.js
+++ b/release/assets/main-BZnE0aU1.js
--- a/release/assets/main-NvtkUYBk.css
+++ b/release/assets/main-NvtkUYBk.css
--- a/release/assets/main-uF6fmHZ4.css
+++ b/release/assets/main-uF6fmHZ4.css
--- a/release/assets/modules-4-12-I8odkb9w.js
+++ b/release/assets/modules-4-12-I8odkb9w.js
--- a/release/index.html
+++ b/release/index.html
@@ -39,8 +39,8 @@
    <meta name="msapplication-TileColor" content="#F6E9A6">
    <meta name="msapplication-TileImage" content="/icons/icon-144.png">

-  <script type="module" crossorigin src="/assets/main-18-jE9H3.js"></script>
-  <link rel="stylesheet" crossorigin href="/assets/main-uF6fmHZ4.css">
+  <script type="module" crossorigin src="/assets/main-BZnE0aU1.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/main-NvtkUYBk.css">
 </head>
  <body>
 </body>
Author	SHA1	Message	Date
Râu Cao	27ebbaca60	1.18.2 All checks were successful CI / Lint (push) Successful in 30s Details CI / Test (push) Successful in 44s Details	2026-04-02 12:21:59 +04:00
Râu Cao	cbdd056dcb	Optimize font-weight for account status	2026-04-02 12:20:53 +04:00
Râu Cao	2423b67f94	Use SVG icon for locate-me button	2026-04-02 12:20:37 +04:00
Râu Cao	2a3ad26eb9	Prevent OL from loading webfonts for our default font * Fixes flash of bold text on app launch * Fixes Noto Sans being used instead of system font where not available	2026-04-02 11:42:19 +04:00