adjusting sidebar icon orientation - fixes #120

BoldGrid · Jul 31, 2019 · c22edb5 · c22edb5
1 parent b85c576
commit c22edb5
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/src/assets/scss/customizer/controls/_sections.scss b/src/assets/scss/customizer/controls/_sections.scss
@@ -74,7 +74,8 @@ span.section-title-extended {
 	display: flex;
 	align-items: center;
 
-	// Ensure valid font for sections with FA icons.  See: https://github.com/BoldGrid/boldgrid-theme-framework/issues/119
+	// Ensure valid font for sections with FA icons.
+	// See: https://github.com/BoldGrid/boldgrid-theme-framework/issues/119
 	&.fa {
 		font: inherit;
 
@@ -87,6 +88,15 @@ span.section-title-extended {
 			display: inline-block;
 		}
 	}
+
+	// Adjust for inline-block display needed for transform on sidebar icon in section titles.
+	// See: https://github.com/BoldGrid/boldgrid-theme-framework/issues/120
+	&.icon-sidebar-settings:before {
+		transform: rotate(-90deg)!important;
+		padding: 0 .5em .5em 0!important;
+		display: inline-block !important;
+		margin-top: -.5em;
+	}
 }
 
 #customize-controls #accordion-section-bgtfw-upsell {

diff --git a/src/assets/scss/icomoon/style.scss b/src/assets/scss/icomoon/style.scss
@@ -88,8 +88,9 @@
 }
 .icon-sidebar-settings:before {
   content: "\e927";
-  transform: rotate(-90deg);
-  padding: 0 .5em;
+  display: inline-block !important;
+  transform: rotate(-90deg) !important;
+  padding: 0 .5em !important;
 }
 .icon-crio:before,
 .icon-crio-enzo:before {