From c530cb1235d9abc5168a4a83e4346bb61b5262ad Mon Sep 17 00:00:00 2001
From: chrisgarrity <chrisg@media.mit.edu>
Date: Mon, 27 Aug 2018 09:18:39 -0400
Subject: [PATCH] Fix connection modal padding for RTL
---
src/components/connection-modal/connection-modal.css | 9 ++++++++-
src/components/modal/modal.css | 6 +++++-
2 files changed, 13 insertions(+), 2 deletions(-)
diff --git a/src/components/connection-modal/connection-modal.css b/src/components/connection-modal/connection-modal.css
index aec4ce630..16f337ef4 100644
--- a/src/components/connection-modal/connection-modal.css
+++ b/src/components/connection-modal/connection-modal.css
@@ -121,9 +121,16 @@
.radar-small {
width: 40px;
height: 40px;
+}
+
+[dir="ltr"] .radar-small {
margin-right: 0.5rem;
}
+[dir="rtl"] .radar-small {
+ margin-left: 0.5rem;
+}
+
.radar-big {
width: 120px;
height: 120px;
@@ -184,6 +191,7 @@
position: absolute;
top: -5px;
right: -15px;
+ left: -15px;
padding: 5px 5px;
background-color: $pen-primary;
border-radius: 100%;
@@ -232,7 +240,6 @@
flex-direction: row;
justify-content: flex-start;
align-items: center;
- margin-left: 3rem;
}
[dir="ltr"] .scratch-link-help-step {
diff --git a/src/components/modal/modal.css b/src/components/modal/modal.css
index 1bb4f1963..1ed2425ce 100644
--- a/src/components/modal/modal.css
+++ b/src/components/modal/modal.css
@@ -83,10 +83,14 @@ $sides: 20rem;
user-select: none;
}
-.header-image {
+[dir="ltr"] .header-image {
margin-right: 0.5rem;
}
+[dir="rtl"] .header-image {
+ margin-left: 0.5rem;
+}
+
.header-item-filter {
display: flex;
flex-basis: $sides;
--
GitLab