[ru] Улучшение box-shadow на превью

[iamwavecut]

Решил завести шью на русском, чтобы понятнее изъясниться. В некоторых браузерах, например, Safari, превью изображений содержат такое стилевое улучшение, как box-shadow, которое добавляет эстетики сообщению, но, в некоторых случаях ухудшает читаемость.

Хуже всего дела обстоят в темных темах и светлых изображениях на превью.

Мои предложения по улучшению:

• Изменить композицию компонента сообщения, чтобы тень оказалась под текстом сообщения, а не накладывалась поверх
• Добавить тексту сообщений text-shadow: 1px 1px 0 solid ФОНОВЫЙ_ЦВЕТ_БОКСА_СООБЩЕНИЯ

В комплексе эти две меры позволят выделить текст на фоне размытой тени и добавят контраста и читаемости

P.S. Возможно, по пути получится исправить тени в Mozilla Firefox, их там нет.