Ghost/ghost/admin/app/styles/components
Peter Zimon 770f657ae9
Improve messaging and error handling (#20078)
ref DES-228

This PR updates messaging and error handling in order to make Ghost calmer and friendlier. High level summary of the changes:

- Removed all onBlur validation in Settings -> now it’s possible to just click around without being warned to fill mandatory fields
- Removed  lot of technical errors like `ValidationError: Validation (isEmpty) failed for locale`
- Completely removed the red background toast notifications, it was aggressive and raw esp. on the top
- Removed some unnecessary notifications (e.g. when removing a webhook, the removal already communicates the result)
- Now we show field errors on submitting forms, and in case of an error we show a “Retry” button in Settings too. This allowed to remove a lot of unnecessary error messages, like the big error message on the top, plus it’s consistent with the patterns outside Settings.
- Notification style is white now with filled color icons which makes everything much calmer and more refined.
- Removes redundant copy (e.g. "successful(ly)") from notifications

---------

Co-authored-by: Sodbileg Gansukh <sodbileg.gansukh@gmail.com>
2024-05-14 09:31:19 +02:00
..
badges.css Offers archive/active refinements 2021-10-15 12:49:42 +02:00
browser-preview.css Adjusted scaling of the browser preview 2023-08-14 17:00:04 +08:00
codemirror.css Bumped Codemirror, fixed hidden cursor in empty Code Injection fields 2019-01-21 13:57:31 +00:00
dropdowns.css Added shortcuts for highlighting and pasting without formatting (#18556) 2023-10-11 09:34:42 +02:00
filter-builder.css Fixed post title in the filter dropdown on the Members page (#15884) 2022-11-28 16:47:50 +04:00
koenig.css 🎨 Updated editor layout to be more mobile friendly (#19327) 2023-12-12 11:51:59 +01:00
lists.css Fixed issue with list borders (#17792) 2023-08-23 11:36:45 +01:00
loading-indicator.css Fixed loading screen flash issue in dark mode 2023-06-06 16:21:15 +08:00
modal-about.css Deleted old Ember settings pages (#18740) 2023-11-06 06:46:31 +00:00
modals-new.css Added a custom duration to the comp expirations (#16808) 2023-05-30 13:35:40 +08:00
modals.css Deleted old Ember settings pages (#18740) 2023-11-06 06:46:31 +00:00
notifications.css Improve messaging and error handling (#20078) 2024-05-14 09:31:19 +02:00
pagination.css Main colour audit 2015-06-24 13:37:37 +01:00
pintura.css Added small improvements to the image editor UI 2023-06-05 18:27:31 +08:00
popovers.css welcome tour (#527) 2017-06-08 22:00:10 +07:00
power-calendar.css Fixed broken calendar icon in members filter 2022-08-08 10:29:13 +02:00
power-select.css Deleted old Ember settings pages (#18740) 2023-11-06 06:46:31 +00:00
publishmenu.css 🎨 Updated editor layout to be more mobile friendly (#19327) 2023-12-12 11:51:59 +01:00
settings-menu.css 🎨 Updated editor layout to be more mobile friendly (#19327) 2023-12-12 11:51:59 +01:00
splitbuttons.css 🎨 No more icon font: {{inline-svg}} (#605) 2017-04-07 16:23:45 +01:00
stacks.css Deleted old Ember settings pages (#18740) 2023-11-06 06:46:31 +00:00
tabs.css 🎨 Updated admin area design and usability (#1232) 2019-06-18 11:47:20 +01:00
theme-errors.css Deleted old Ember settings pages (#18740) 2023-11-06 06:46:31 +00:00
unsplash.css Switching default font to Inter (#2429) 2022-07-21 09:58:22 +02:00
uploader.css Fixed typos (#18648) 2023-10-31 15:21:44 +00:00