added new icons to menu, smaller text size in menu

bboc · Feb 20, 2022 · 9cc4b08 · 9cc4b08
1 parent 76ac9fa
commit 9cc4b08
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 6 deletions.
diff --git a/TODO.taskpaper b/TODO.taskpaper
@@ -40,7 +40,7 @@ mdtools 2.x:
 				simple nav buttons < > around content or below on mobile
 				index.html stays as it is
 			- decide about information to keep in footer, where would that go? @done
-			- fix icons in menu.html (and add  class="icon")
+			- fix icons in menu.html (and add  class="icon") @done
 			New Two Column Layout:
 				- content is centered, but with maximum size (see https://www.geeksforgeeks.org/bootstrap-4-holy-grail-layout/?ref=lbp) @done
 				- Header: convert to grid @done

diff --git a/docs-src/content/website/_includes/menu.html b/docs-src/content/website/_includes/menu.html
@@ -14,9 +14,9 @@
       <li><a href="index.html">Homepage</a></li>
       <li><a href="glossary.html">Glossary</a></li>
       <li><a href="changelog.html">Changelog</a></li>
-      <li><a href="site-index.html" title="An alphabetical index of all pages."><img src="img/a-z.png" alt="site index" />&nbsp;Pattern Index</a></li>
-      <li><a href="map.html" title="Use the map to jump to another page."><img src="img/map.png" alt="site map" />&nbsp;Map</a></li>
-      <li><span id="annotate-span"><a href="" id="annotate-link" title="Annotate this page with hypothes.is. Click here, wait for the page to reload, then you can highlight text and add public comments. You will need to set up a free account at hypothes.is."><img src="img/feedback.png" alt="annotate page" />&nbsp;Annotate Page</a></span></li>
+      <li><a href="site-index.html" title="An alphabetical index of all pages."><img src="icons/list-ul.svg" class="icon" alt="site index" />&nbsp;Pattern Index</a></li>
+      <li><a href="map.html" title="Use the map to jump to another page."><img src="icons/map.svg" class="icon" alt="site map" />&nbsp;Map</a></li>
+      <li><span id="annotate-span"><a href="" id="annotate-link" title="Annotate this page with hypothes.is. Click here, wait for the page to reload, then you can highlight text and add public comments. You will need to set up a free account at hypothes.is."><img src="icons/comments-alt.svg" class="icon" alt="annotate page" />&nbsp;Annotate Page</a></span></li>
       <li><a href="https://patterns.sociocracy30.org">A real-world example of a book built with mdtools</a></li>
     </ul>
   </li>

diff --git a/docs/_sass/_layout.scss b/docs/_sass/_layout.scss
@@ -51,6 +51,8 @@
     @include media-breakpoint-down(sm) {
         min-width: 300px;
     }
+    a img { 
+        height: 25px;}  
 }
 
 //

diff --git a/docs/_sass/_sm-mint-theme.scss b/docs/_sass/_sm-mint-theme.scss
@@ -31,9 +31,9 @@ $sm-mint__desktop-vp:									768px !default;		// switch from collapsible to des
 // ----------------------------------------------------------
 
 $sm-mint__font-family:									$font-family-sans-serif !default;
-$sm-mint__font-size-base:								15px !default;
+$sm-mint__font-size-base:								14px !default;
 $sm-mint__font-size-small:								13px !default;
-$sm-mint__line-height:									15px !default;
+$sm-mint__line-height:									14px !default;
 
 
 // ----------------------------------------------------------