Iterate the Modal Widget Dialog paddings and phishing warning

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-10-20 15:05:22 +01:00
parent 16362440b3
commit b6fd2a0691
4 changed files with 35 additions and 4 deletions
--- 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;
    }
 }
--- a/res/img/element-icons/warning-badge.svg
+++ b/res/img/element-icons/warning-badge.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="8" cy="8" r="8" fill="#737D8C" style="mix-blend-mode:multiply"/>
+<rect x="7" y="3" width="2" height="6" rx="1" fill="white"/>
+<rect x="7" y="11" width="2" height="2" rx="1" fill="white"/>
+</svg>