diff --git a/CHANGELOG.md b/CHANGELOG.md index dc1523536..0dcb01c95 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -43,11 +43,13 @@ _Breaking developer changes, which may affect downstream projects or sites that #### :bug: Bugfixes * Fix rendering of HTML content in KeepRight and ImproveOSM issues ([#8928]) +* Fix "local storage is exceeded" error message showing up multiple times ([#8930]) #### :hammer: Development * Switch build system to [esbuild](https://esbuild.github.io/) for much faster builds ([#8774], thanks [@ mbrzakovic] and [@bhousel]) [#8774]: https://github.com/openstreetmap/iD/pull/8774 [#8928]: https://github.com/openstreetmap/iD/pull/8928 +[#8930]: https://github.com/openstreetmap/iD/pull/8930 # 2.20.3 diff --git a/css/80_app.css b/css/80_app.css index 5608c60c0..b090683bd 100644 --- a/css/80_app.css +++ b/css/80_app.css @@ -4698,6 +4698,11 @@ img.tile-debug { } } +.local-storage-full { + display: block; + width: 100%; +} + /* Notification Badges ------------------------------------------------------- */ /* For an icon (e.g. new version) */ diff --git a/modules/ui/status.js b/modules/ui/status.js index aee8ca25e..081756845 100644 --- a/modules/ui/status.js +++ b/modules/ui/status.js @@ -70,8 +70,12 @@ export function uiStatus(context) { osm.on('apiStatusChange.uiStatus', update); context.history().on('storage_error', () => { - selection.call(t.append('osm_api_status.message.local_storage_full')); - selection.attr('class', 'api-status error'); + selection.selectAll('span.local-storage-full').remove(); + selection + .append('span') + .attr('class', 'local-storage-full') + .call(t.append('osm_api_status.message.local_storage_full')); + selection.classed('error', true); }); // reload the status periodically regardless of other factors