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
This commit is contained in:
@@ -284,7 +284,9 @@ export default class MapComponent extends Component {
|
|||||||
const initialCenter = toLonLat(view.getCenter());
|
const initialCenter = toLonLat(view.getCenter());
|
||||||
this.mapUi.updateCenter(initialCenter[1], initialCenter[0]);
|
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 = document.createElement('div');
|
||||||
this.searchOverlayElement.className = 'search-pulse';
|
this.searchOverlayElement.className = 'search-pulse';
|
||||||
|
|||||||
@@ -55,7 +55,7 @@ export default class UserMenuComponent extends Component {
|
|||||||
</div>
|
</div>
|
||||||
<div class="account-status">
|
<div class="account-status">
|
||||||
{{#if @storage.connected}}
|
{{#if @storage.connected}}
|
||||||
{{@storage.userAddress}}
|
<strong>{{@storage.userAddress}}</strong>
|
||||||
{{else}}
|
{{else}}
|
||||||
Not connected
|
Not connected
|
||||||
{{/if}}
|
{{/if}}
|
||||||
@@ -84,7 +84,7 @@ export default class UserMenuComponent extends Component {
|
|||||||
</div>
|
</div>
|
||||||
<div class="account-status">
|
<div class="account-status">
|
||||||
{{#if this.osmAuth.isConnected}}
|
{{#if this.osmAuth.isConnected}}
|
||||||
{{this.osmAuth.userDisplayName}}
|
<strong>{{this.osmAuth.userDisplayName}}</strong>
|
||||||
{{else}}
|
{{else}}
|
||||||
Not connected
|
Not connected
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|||||||
@@ -14,6 +14,8 @@ html,
|
|||||||
body {
|
body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overscroll-behavior: none; /* Prevent pull-to-refresh on mobile */
|
overscroll-behavior: none; /* Prevent pull-to-refresh on mobile */
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
-webkit-text-size-adjust: 100%;
|
-webkit-text-size-adjust: 100%;
|
||||||
-webkit-tap-highlight-color: transparent;
|
-webkit-tap-highlight-color: transparent;
|
||||||
}
|
}
|
||||||
@@ -26,6 +28,7 @@ body {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: 'Noto Sans', sans-serif;
|
font-family: 'Noto Sans', sans-serif;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
font-weight: normal;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -246,7 +249,6 @@ body {
|
|||||||
|
|
||||||
.account-status {
|
.account-status {
|
||||||
font-size: 0.85rem;
|
font-size: 0.85rem;
|
||||||
font-weight: bold;
|
|
||||||
color: #898989;
|
color: #898989;
|
||||||
margin-top: 0.35rem;
|
margin-top: 0.35rem;
|
||||||
margin-left: calc(18px + 0.75rem);
|
margin-left: calc(18px + 0.75rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user