Add top padding to EventTilePreview loader (#8977)

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
matrix-org · Jul 4, 2022 · 7cf0f2d · 7cf0f2d
1 parent 4b17307
commit 7cf0f2d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/res/css/views/elements/_EventTilePreview.scss b/res/css/views/elements/_EventTilePreview.scss
@@ -14,6 +14,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_FontScalingPanel_preview.mx_EventTilePreview_loader {
-    padding: 9px 0;
+.mx_FontScalingPanel {
+    .mx_FontScalingPanel_preview.mx_EventTilePreview_loader {
+        padding: var(--FontScalingPanel_preview-padding-block) 0;
+    }
 }
diff --git a/res/css/views/settings/_FontScalingPanel.scss b/res/css/views/settings/_FontScalingPanel.scss
@@ -23,9 +23,11 @@ limitations under the License.
     }
 
     .mx_FontScalingPanel_preview {
+        --FontScalingPanel_preview-padding-block: 9px;
+
         border: 1px solid $quinary-content;
         border-radius: 10px;
-        padding: 0 $spacing-16 9px $spacing-16;
+        padding: 0 $spacing-16 var(--FontScalingPanel_preview-padding-block) $spacing-16;
         pointer-events: none;
         display: flow-root;