#818: adding better icon, from Material Design Icons

finos · Apr 8, 2024 · 8ca94a2 · 8ca94a2
1 parent 3926fc4
commit 8ca94a2
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 9 deletions.
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -5,9 +5,5 @@
 .md-header__button__LiveDemo {
     color: red;
     margin-left: 10px;
-}
-.md-header__button__LiveDemo svg {
-    margin: auto;
-    vertical-align: middle;
-    display: inline-block;
+    font-size: 0.65rem;
 }
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -72,6 +72,7 @@ theme:
   logo: theme/images/logo.png
   icon:
     logo: logo
+    launch: material/launch
 
 # Plugins
 plugins:
@@ -116,8 +117,11 @@ markdown_extensions:
   - pymdownx.caret
   - pymdownx.details
   - pymdownx.emoji:
-      emoji_generator: !!python/name:materialx.emoji.to_svg
-      emoji_index: !!python/name:materialx.emoji.twemoji
+      emoji_index: !!python/name:material.extensions.emoji.twemoji
+      emoji_generator: !!python/name:material.extensions.emoji.to_svg
+      options:
+        custom_icons:
+          - overrides/.icons
   - pymdownx.highlight:
       anchor_linenums: true
       line_spans: __span

diff --git a/overrides/partials/header.html b/overrides/partials/header.html
@@ -52,8 +52,9 @@
       </label>
       {% include "partials/search.html" %}
       <a class="md-header__button__LiveDemo" href="https://try.a11y-theme-builder.finos.org/" target="_blank">
-        <span class="twemoji">
-          {% include ".icons/youtube.svg" %} 
+        <span class="md-source__icon md-icon">
+            {% set icon = config.theme.icon.launch or "material/launch" %}
+            {% include ".icons/" ~ icon ~ ".svg" %}
         </span>
         Live Demo
     </a<>