Preview mediatag in the drive and in diffMarked

2020-03-31 16:43:00 +02:00
parent 817309d602
commit 6a10ec711a
7 changed files with 253 additions and 139 deletions
--- a/customize.dist/src/less2/include/modals-ui-elements.less
+++ b/customize.dist/src/less2/include/modals-ui-elements.less
@@ -106,4 +106,33 @@
    .cp-teams-help {
        margin-left: 10px;
    }
+
+    // mediatag preview
+    #cp-mediatag-preview-modal {
+        .cp-modal {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            .cp-mediatag-container {
+                height: 100%;
+                width: 100%;
+                media-tag {
+                    & > * {
+                        max-width: 100%;
+                        max-height: 100%;
+                    }
+                    & > iframe {
+                        width: 100%;
+                        height: 100%;
+                    }
+                    & > .plain-text-reader {
+                        white-space: pre-wrap;
+                        text-align: left;
+                        word-break: break-word;
+                        color: @cryptpad_text_col;
+                    }
+                }
+            }
+        }
+    }
 }