diff --git a/res/css/views/dialogs/_ModalWidgetDialog.scss b/res/css/views/dialogs/_ModalWidgetDialog.scss index 919a98723e..aa2dd0d395 100644 --- a/res/css/views/dialogs/_ModalWidgetDialog.scss +++ b/res/css/views/dialogs/_ModalWidgetDialog.scss @@ -15,7 +15,19 @@ limitations under the License. */ .mx_ModalWidgetDialog { + .mx_ModalWidgetDialog_warning { + margin-bottom: 24px; + + > img { + vertical-align: middle; + margin-right: 8px; + } + } + .mx_ModalWidgetDialog_buttons { + float: right; + margin-top: 24px; + .mx_AccessibleButton + .mx_AccessibleButton { margin-left: 8px; } @@ -24,5 +36,7 @@ limitations under the License. iframe { width: 100%; height: 450px; + border: 0; + border-radius: 8px; } } diff --git a/res/img/element-icons/warning-badge.svg b/res/img/element-icons/warning-badge.svg new file mode 100644 index 0000000000..ac5991f221 --- /dev/null +++ b/res/img/element-icons/warning-badge.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/components/views/dialogs/ModalWidgetDialog.tsx b/src/components/views/dialogs/ModalWidgetDialog.tsx index e9fd30c1c3..d7f6e96394 100644 --- a/src/components/views/dialogs/ModalWidgetDialog.tsx +++ b/src/components/views/dialogs/ModalWidgetDialog.tsx @@ -87,7 +87,7 @@ export default class ModalWidgetDialog extends React.PureComponent +
+ + {_t("Data on this screen is shared with %(widgetDomain)s", { + widgetDomain: parsed.hostname, + })} +