fixed problems with margin negative (#10558)

[FIX] Switch buttons were cutting in RTL mode
8 years ago · aeda3b3bb3
parent d0c5ae37f2
commit aeda3b3bb3
3 changed files with 8 additions and 0 deletions
--- 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%;
 	}

--- 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;
 	}
--- 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;