Align flowchart and sequence diagram to be center and remove backgrou…

…nd color.
terrylinooo · Dec 19, 2018 · 63d8fba · 63d8fba
1 parent cad6109
commit 63d8fba
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 7 deletions.
diff --git a/assets/css/githuber-md.css b/assets/css/githuber-md.css
@@ -9,4 +9,5 @@
 
 .katex-container {
   margin: 25px !important;
+  text-align: center;
 }
diff --git a/assets/scss/githuber-md.scss b/assets/scss/githuber-md.scss
@@ -10,5 +10,6 @@
 }
 
 .katex-container {
-    margin: 25px !important;
+	margin: 25px !important;
+	text-align: center;
 }
diff --git a/src/Modules/FlowChart.php b/src/Modules/FlowChart.php
@@ -102,6 +102,7 @@ public function front_print_footer_scripts() {
 					$(function() {
 						if (typeof $.fn.flowChart !== "undefined") {
 							if ($(".language-flow").length > 0) {
+								$(".language-flow").parent("pre").attr("style", "text-align: center; background: none;");
 								$(".language-flow").addClass("flowchart").removeClass("language-flow");
 								$(".flowchart").flowChart();
 							}

diff --git a/src/Modules/SequenceDiagram.php b/src/Modules/SequenceDiagram.php
@@ -109,15 +109,17 @@ public function front_print_footer_scripts() {
 		$script = '
 			<script id="module-sequence-diagram">
 				(function($) {
-					if (typeof $.fn.sequenceDiagram !== "undefined") {
-						$(".language-sequence").addClass("sequence-diagram").removeClass("language-sequence");
-						$(".language-seq").addClass("sequence-diagram").removeClass("language-seq");
-						$(function() {
+					$(function() {
+						if (typeof $.fn.sequenceDiagram !== "undefined") {
+							$(".language-sequence").parent("pre").attr("style", "text-align: center; background: none;");
+							$(".language-seq").parent("pre").attr("style", "text-align: center; background: none;");
+							$(".language-sequence").addClass("sequence-diagram").removeClass("language-sequence");
+							$(".language-seq").addClass("sequence-diagram").removeClass("language-seq");
 							$(".sequence-diagram").sequenceDiagram({
 								theme: "simple"
 							});
-						});
-					}
+						}
+					});
                 })(jQuery);
 			</script>
 		';