@transferwise/components 37.9.2 → 37.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/build/es/no-polyfill/modal/Modal.js +1 -1
- package/build/es/polyfill/modal/Modal.js +1 -1
- package/build/main.css +1 -1
- package/build/styles/main.css +1 -1
- package/build/styles/modal/Modal.css +1 -1
- package/build/umd/no-polyfill/main.js +1 -1
- package/build/umd/polyfill/main.js +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.tw-modal.tw-modal--viewport{height:
|
|
1
|
+
.tw-modal.tw-modal--viewport{max-height:100%;max-height:-webkit-fill-available}.tw-modal .tw-modal-dialog{transition:transform .3s ease-out;transform:translateY(-25%)}.tw-modal.in .tw-modal-dialog{transform:translate(0)}.tw-modal .tw-modal-content{background:#fff;background:var(--color-background-elevated,#fff);box-shadow:0 5px 15px rgba(0,0,0,.2);width:100%}.tw-modal .tw-modal-content .tw-modal-body{z-index:1;flex:1;overflow-y:auto;word-break:break-word}.tw-modal .tw-modal-content .tw-modal-header{min-height:56px;min-height:calc(var(--size-8, 8px)*7);box-shadow:inset 0 -1px 0 0 #e2e6e8}.tw-modal .tw-modal-content .tw-modal-header.modal--withoutborder{box-shadow:none}.tw-modal .tw-modal-content .tw-modal-header .tw-icon{fill:#00b9ff;cursor:pointer;display:block;margin-top:-2px}.tw-modal .tw-modal-content .tw-modal-body,.tw-modal .tw-modal-content .tw-modal-footer,.tw-modal .tw-modal-content .tw-modal-header{padding:16px;padding:var(--size-16,16px)}.tw-modal .tw-modal-content .tw-modal-title{max-width:85%}.tw-modal .tw-modal-content .tw-modal-footer{padding-top:12px;padding-top:var(--size-12,12px);padding-bottom:12px;padding-bottom:var(--size-12,12px);box-shadow:inset 0 1px 0 0 #e2e6e8}.tw-modal .tw-modal-content .tw-modal-footer.modal--withoutborder{box-shadow:none}.tw-modal .tw-modal-content.tw-modal-no-title .tw-modal-body{padding-top:0!important}.tw-modal .tw-modal-content.tw-modal-no-title .tw-modal-header{min-height:32px;min-height:var(--size-32,32px);padding-bottom:4px!important}@media (max-width:575px){.tw-modal-dialog{padding:16px;padding:var(--size-16,16px);max-width:528px;max-width:calc(576px - var(--size-40, 40px)*2 + var(--size-16, 16px)*2)}.tw-modal-dialog.tw-modal-sm{max-width:332px;max-width:calc(300px + var(--size-16, 16px)*2)}}@media (min-width:576px){.tw-modal .tw-modal-content .tw-modal-header{min-height:64px;min-height:calc(var(--size-8, 8px)*8)}.tw-modal .tw-modal-content .tw-modal-body,.tw-modal .tw-modal-content .tw-modal-footer,.tw-modal .tw-modal-content .tw-modal-header{padding:32px 24px;padding:var(--size-32,32px) var(--size-24,24px)}.tw-modal .tw-modal-compact .tw-modal-header{min-height:56px;min-height:calc(var(--size-8, 8px)*7)}.tw-modal .tw-modal-compact .tw-modal-body,.tw-modal .tw-modal-compact .tw-modal-footer,.tw-modal .tw-modal-compact .tw-modal-header{padding-top:16px;padding-top:var(--size-16,16px);padding-bottom:16px;padding-bottom:var(--size-16,16px)}}@media (min-width:480px){.tw-modal-dialog.tw-modal-sm{width:300px}}@media (min-width:576px){.tw-modal{padding:40px;padding:var(--size-40,40px)}.tw-modal .tw-modal-dialog .tw-modal-content{border-radius:3px}.tw-modal .tw-modal-dialog.tw-modal-md{width:540px}}@media (min-width:768px){.tw-modal-dialog.tw-modal-lg{width:720px}}@media (min-width:992px){.tw-modal-dialog.tw-modal-xl{width:1000px}}@media (-ms-high-contrast:none){:root .tw-modal,:root .tw-modal .tw-modal-dialog,_:-ms-fullscreen,_:-ms-fullscreen .tw-modal-dialog{height:100%}}
|