fix(rtd): remove flyout in iframes (#367)

* fix(rtd): remove flyout in iframes

* fix(rtd): remove dirhtml and default to html

Because dirhtml seems to have issues with iframes

* fix(html): correct css style

.readthedocs.yaml

@@ -10,7 +10,7 @@ build:
     post_install:
     - ipython kernel install --name "manim-slides" --user
 sphinx:
-  builder: dirhtml
+  builder: html
   configuration: docs/source/conf.py
   fail_on_warning: true
 python:

manim_slides/convert.py

@@ -416,6 +416,7 @@ class RevealJS(Converter):
                 file_to_data_uri=file_to_data_uri,
                 get_duration_ms=get_duration_ms,
                 has_notes=has_notes,
+                env=os.environ,
                 **options,
             )
 

manim_slides/templates/revealjs.html

@@ -316,7 +316,7 @@
         hideCursorTime: {{ hide_cursor_time }}
       });
 
-      {% if data_uri %}
+      {% if data_uri -%}
       // Fix found by @t-fritsch on GitHub
       // see: https://github.com/hakimel/reveal.js/discussions/3362#discussioncomment-6651475.
       function fixBase64VideoBackground(event) {
@@ -337,7 +337,15 @@
       }
       Reveal.on( 'ready', fixBase64VideoBackground );
       Reveal.on( 'slidechanged', fixBase64VideoBackground );
-      {% endif %}
+      {%- endif %}
     </script>
+
+    {% if env['READTHEDOCS'] -%}
+    <style>
+      readthedocs-flyout, readthedocs-notification {
+        display: none;
+      }
+    </style>
+    {%- endif %}
   </body>
 </html>