Merge pull request #9249 from RocketChat/fix-sidebar-footer-padding

[FIX] sidebar footer padding
RocketChat · Jan 3, 2018 · f070358 · f070358
1 parent 5762032
commit f070358
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-account.css b/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-account.css
@@ -14,9 +14,9 @@
 .sidebar__account {
 	display: flex;
 
-	margin: 0 0 var(--sidebar-header-small-padding);
+	margin: 0 0 var(--sidebar-extra-small-default-padding);
 
-	padding: var(--sidebar-header-small-padding) var(--sidebar-default-padding) var(--sidebar-header-small-padding);
+	padding: var(--sidebar-extra-small-default-padding) var(--sidebar-default-padding);
 
 	align-items: center;
 

diff --git a/packages/rocketchat-theme/client/imports/components/sidebar/sidebar.css b/packages/rocketchat-theme/client/imports/components/sidebar/sidebar.css
@@ -49,7 +49,7 @@
 	&__footer {
 		width: auto;
 		height: var(--sidebar-footer-height);
-		padding: calc(var(--sidebar-footer-padding) / 2) var(--sidebar-footer-padding);
+		padding: var(--sidebar-extra-small-default-padding) var(--sidebar-default-padding);
 
 		text-align: center;
 

diff --git a/packages/rocketchat-theme/client/imports/general/variables.css b/packages/rocketchat-theme/client/imports/general/variables.css
@@ -144,10 +144,8 @@
 		--sidebar-background-light-hover: var(--rc-color-primary-light);
 		--sidebar-default-padding: 24px;
 		--sidebar-small-default-padding: 16px;
-		--sidebar-header-padding: 16px;
-		--sidebar-header-small-padding: 12px;
+		--sidebar-extra-small-default-padding: 12px;
 		--sidebar-footer-height: 70px;
-		--sidebar-footer-padding: var(--sidebar-header-padding);
 		--sidebar-small-header-padding: var(--sidebar-small-default-padding);
 
 		/*