diff --git a/css/app.css b/css/app.css index 3a126b687..9edf8946d 100644 --- a/css/app.css +++ b/css/app.css @@ -41,6 +41,20 @@ body { height: 100%; } +#content.active { + -webkit-filter: none !important; + filter: none !important; + -webkit-duration: 200ms; + transition-duration: 200ms; +} + +#content.inactive { + -webkit-filter: grayscale(80%) brightness(80%); + filter: grayscale(80%) brightness(80%); + -webkit-duration: 200ms; + transition-duration: 200ms; +} + #defs { /* Can't be display: none or the clippaths are ignored. */ position: absolute; diff --git a/data/core.yaml b/data/core.yaml index 613498979..3f3977cc5 100644 --- a/data/core.yaml +++ b/data/core.yaml @@ -248,12 +248,12 @@ en: readonly: The API is read-only. You will need to wait to save your changes. rateLimit: The API is limiting anonymous connections. You can fix this by logging in. commit: - title: Save Changes + title: Upload to OpenStreetMap description_placeholder: Brief description of your contributions (required) - message_label: Changeset comment + message_label: Changeset Comment upload_explanation: "The changes you upload will be visible on all maps that use OpenStreetMap data." upload_explanation_with_user: "The changes you upload as {user} will be visible on all maps that use OpenStreetMap data." - save: Save + save: Upload cancel: Cancel changes: "{count} Changes" warnings: Warnings diff --git a/dist/locales/en.json b/dist/locales/en.json index 60f77acde..4681e7972 100644 --- a/dist/locales/en.json +++ b/dist/locales/en.json @@ -320,12 +320,12 @@ "rateLimit": "The API is limiting anonymous connections. You can fix this by logging in." }, "commit": { - "title": "Save Changes", + "title": "Upload to OpenStreetMap", "description_placeholder": "Brief description of your contributions (required)", - "message_label": "Changeset comment", + "message_label": "Changeset Comment", "upload_explanation": "The changes you upload will be visible on all maps that use OpenStreetMap data.", "upload_explanation_with_user": "The changes you upload as {user} will be visible on all maps that use OpenStreetMap data.", - "save": "Save", + "save": "Upload", "cancel": "Cancel", "changes": "{count} Changes", "warnings": "Warnings", diff --git a/modules/modes/save.js b/modules/modes/save.js index bd6832c81..3102ee2de 100644 --- a/modules/modes/save.js +++ b/modules/modes/save.js @@ -353,6 +353,9 @@ export function modeSave(context) { context.ui().sidebar.show(ui); } + context.container().selectAll('#content') + .attr('class', 'inactive'); + if (context.connection().authenticated()) { done(); } else { @@ -368,6 +371,9 @@ export function modeSave(context) { mode.exit = function() { + context.container().selectAll('#content') + .attr('class', 'active'); + context.ui().sidebar.hide(); }; diff --git a/modules/ui/init.js b/modules/ui/init.js index 81585bd9f..d9114614a 100644 --- a/modules/ui/init.js +++ b/modules/ui/init.js @@ -63,7 +63,8 @@ export function uiInit(context) { var content = container .append('div') - .attr('id', 'content'); + .attr('id', 'content') + .attr('class', 'active'); var bar = content .append('div')