Home› Welcome to the FamilySearch Community!› Suggest an Idea

Blurry text in dialogs, modals and anchored dialogs.

ToddRobinson2
ToddRobinson2 ✭
May 13, 2021 edited May 13, 2021 in Suggest an Idea

Details: The text in dialogs, modals, and anchored dialogs appear blurry.

In these elements: fs-modeless-dialog, fs-modal-dialog, fs-anchored-dialog

This issue may be present in other locations, but I have only quickly looked.


The following CSS rule seems to be being applied:

filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.5));


The text is fine with this rule off. What perhaps should be used instead is the standard box-shadow property.

"The box-shadow property creates a rectangular shadow behind an element's entire box, while the drop-shadow() filter function creates a shadow that conforms to the shape (alpha channel) of the image itself."

https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

Google Chrome: Version 89.0.4389.114 (Official Build) (64-bit)

Tagged:
  • New
  • General User Interface Issues
1
1
Up Down
1 votes

New · Last Updated May 13, 2021

Clear
No Groups Found

Categories

  • All Categories
  • 27.5K FamilySearch Help
  • 143 Get Involved
  • 2.9K General Questions
  • 475 FamilySearch Center
  • 519 FamilySearch Account
  • 5.2K Family Tree
  • 3.9K Search
  • 5.1K Indexing
  • 727 Memories
  • 376 Other Languages
  • 36 Community News
  • 7.2K Suggest an Idea
  • Groups