Add CSS fix to MathJax

Author: AntoinePrv

docs/conf.py.in

@@ -11,6 +11,9 @@ extensions = [
     "sphinx.ext.viewcode",
 ]
 
+# Math setting
+extensions += ["sphinx.ext.mathjax"]
+
 # Code style
 pygments_style = "monokai"
 

docs/static/css/custom.css

@@ -120,3 +120,52 @@
 .highlight .k {
 	color: #77D1F6 !important;
 }
+
+/* CSS to fix Mathjax equation numbers displaying above.
+ *
+ * Credit to @hagenw https://github.com/readthedocs/sphinx_rtd_theme/pull/383
+ */
+div.math {
+	position: relative;
+	padding-right: 2.5em;
+}
+.eqno {
+	height: 100%;
+	position: absolute;
+	right: 0;
+	padding-left: 5px;
+	padding-bottom: 5px;
+	/* Fix for mouse over in Firefox */
+	padding-right: 1px;
+}
+.eqno:before {
+	/* Force vertical alignment of number */
+	display: inline-block;
+	height: 100%;
+	vertical-align: middle;
+	content: "";
+}
+.eqno .headerlink {
+	display: none;
+	visibility: hidden;
+	font-size: 14px;
+	padding-left: .3em;
+}
+.eqno:hover .headerlink {
+	display: inline-block;
+	visibility: hidden;
+	margin-right: -1.05em;
+}
+.eqno .headerlink:after {
+	visibility: visible;
+	content: "\f0c1";
+	font-family: FontAwesome;
+	display: inline-block;
+	margin-left: -.9em;
+}
+/* Make responsive */
+.MathJax_Display {
+	max-width: 100%;
+	overflow-x: auto;
+	overflow-y: hidden;
+}