diff options
| author | Bryan Newbold <bnewbold@archive.org> | 2021-01-15 03:47:30 -0800 |
|---|---|---|
| committer | Bryan Newbold <bnewbold@archive.org> | 2021-01-19 19:49:39 -0800 |
| commit | 99322fa9d17621b9d60e5967d068ddccc01e21f9 (patch) | |
| tree | c9082790935c31a88190e986d3f0023a501201b5 /fatcat_scholar/static/dialog-polyfill.css | |
| parent | d0c6b6745f2206c3b4107fbe3d1905b4910c3ba8 (diff) | |
| download | fatcat-scholar-99322fa9d17621b9d60e5967d068ddccc01e21f9.tar.gz fatcat-scholar-99322fa9d17621b9d60e5967d068ddccc01e21f9.zip | |
html: add conditional polyfill for dialog element
This polyfill comes from Google
Diffstat (limited to 'fatcat_scholar/static/dialog-polyfill.css')
| -rw-r--r-- | fatcat_scholar/static/dialog-polyfill.css | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/fatcat_scholar/static/dialog-polyfill.css b/fatcat_scholar/static/dialog-polyfill.css new file mode 100644 index 0000000..6b38bf0 --- /dev/null +++ b/fatcat_scholar/static/dialog-polyfill.css @@ -0,0 +1,37 @@ +dialog { + position: absolute; + left: 0; right: 0; + width: -moz-fit-content; + width: -webkit-fit-content; + width: fit-content; + height: -moz-fit-content; + height: -webkit-fit-content; + height: fit-content; + margin: auto; + border: solid; + padding: 1em; + background: white; + color: black; + display: block; +} + +dialog:not([open]) { + display: none; +} + +dialog + .backdrop { + position: fixed; + top: 0; right: 0; bottom: 0; left: 0; + background: rgba(0,0,0,0.1); +} + +._dialog_overlay { + position: fixed; + top: 0; right: 0; bottom: 0; left: 0; +} + +dialog.fixed { + position: fixed; + top: 50%; + transform: translate(0, -50%); +}
\ No newline at end of file |