bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'modal-blur' into 'develop'

Browse source 
Add backdrop-blur behind modals

See merge request soapbox-pub/soapbox!2101
This commit is contained in:
Alex Gleason 2023-01-02 14:39:07 +00:00
commit 55a240a697
2 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
CHANGELOG.md
View file

@ -8,6 +8,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Added ### Added
- Compatibility: rudimentary support for Takahē. - Compatibility: rudimentary support for Takahē.
- UI: added backdrop blur behind modals.
### Changed ### Changed
- Posts: letterbox images to 19:6 again. - Posts: letterbox images to 19:6 again.

2
app/soapbox/components/modal-root.tsx
View file

@ -241,7 +241,7 @@ const ModalRoot: React.FC<IModalRoot> = ({ children, onCancel, onClose, type })
<div <div
role='presentation' role='presentation'
id='modal-overlay' id='modal-overlay'
className='fixed inset-0 bg-gray-500/90 dark:bg-gray-700/90' className='fixed inset-0 bg-gray-500/90 dark:bg-gray-700/90 backdrop-blur'
onClick={handleOnClose} onClick={handleOnClose}
/> />