fixed problems with margin negative (RocketChat#10558)

[FIX] Switch buttons were cutting in RTL mode
goalifyplus · Apr 26, 2018 · aeda3b3 · aeda3b3
1 parent d0c5ae3
commit aeda3b3
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/packages/rocketchat-theme/client/imports/components/modal/create-channel.css b/packages/rocketchat-theme/client/imports/components/modal/create-channel.css
@@ -7,10 +7,14 @@
 	animation-name: fadeIn;
 	animation-duration: 1s;
 
+	margin: 0 -25px;
+
 	&__wrapper {
 		overflow-x: hidden;
 		overflow-y: auto;
 
+		padding: 0 25px;
+
 		height: 100%;
 	}
 

diff --git a/packages/rocketchat-theme/client/imports/components/modal/full-modal.css b/packages/rocketchat-theme/client/imports/components/modal/full-modal.css
@@ -25,6 +25,8 @@
 
 		display: flex;
 
+		margin: 0 30px;
+
 		color: var(--modal-back-button-color);
 		align-items: center;
 	}

diff --git a/packages/rocketchat-theme/client/imports/forms/switch.css b/packages/rocketchat-theme/client/imports/forms/switch.css
@@ -1,4 +1,6 @@
 .rc-switch {
+	padding: 0 0.25rem;
+
 	&__label {
 		display: flex;