From c810c11b0443898cdeb45dcdbc90aee0f0cd2da2 Mon Sep 17 00:00:00 2001 From: Andrew Simachev Date: Sun, 31 Dec 2023 16:07:46 +0100 Subject: [PATCH] twitter resize fix --- dist/embed/iframe.html | 5 ++++- src/scss/block/embed.scss | 12 ++++++++++-- 2 files changed, 14 insertions(+), 3 deletions(-) diff --git a/dist/embed/iframe.html b/dist/embed/iframe.html index 5839271fe7..a301b7efff 100644 --- a/dist/embed/iframe.html +++ b/dist/embed/iframe.html @@ -16,7 +16,10 @@ iframe { width: 100% !important; height: 100% !important; } } - .twitter-tweet { margin: 0px !important; display: inline-block; } + .twitter-tweet { margin: 0px !important; display: inline-flex !important; } + + body.align1 .twitter-tweet { justify-content: center; } + body.align2 .twitter-tweet { justify-content: flex-end; } diff --git a/src/scss/block/embed.scss b/src/scss/block/embed.scss index a9382937e3..c59e0c7111 100644 --- a/src/scss/block/embed.scss +++ b/src/scss/block/embed.scss @@ -8,7 +8,7 @@ } .block.blockEmbed { - .wrap { padding: 2px 0px; } + .wrap { padding: 2px 0px; display: flex; flex-direction: column; } .wrap.isEditing { padding: 8px; background-color: $colorShapeHighlightLight; border-radius: 4px; } .wrap.isEditing { .empty { padding-bottom: 18px; } @@ -23,7 +23,7 @@ .editableWrap { margin: 0px; } } - .valueWrap { position: relative; display: inline-block; width: 100%; } + .valueWrap { position: relative; width: 100%; } .dimmer { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0px; top: 0px; display: none; } .preview { @@ -84,6 +84,14 @@ .icon.resize { display: none; } } + .block.blockEmbed.align1 { + .wrap { align-items: center; } + } + + .block.blockEmbed.align2 { + .wrap { align-items: flex-end; } + } + .block.blockEmbed:hover { .icon.source, .icon.resize { opacity: 1; } }