summaryrefslogtreecommitdiffstats
path: root/theme/templates
diff options
context:
space:
mode:
Diffstat (limited to 'theme/templates')
-rw-r--r--theme/templates/includes/book/header.html24
1 files changed, 21 insertions, 3 deletions
diff --git a/theme/templates/includes/book/header.html b/theme/templates/includes/book/header.html
index 9a3da6a..775d242 100644
--- a/theme/templates/includes/book/header.html
+++ b/theme/templates/includes/book/header.html
@@ -2,13 +2,31 @@
<!-- Actions Left -->
<a href="#" class="btn pull-left toggle-summary" aria-label="Toggle summary"><i class="fa fa-align-justify"></i></a>
<a href="#" class="btn pull-left toggle-search" aria-label="Toggle search"><i class="fa fa-search"></i></a>
- <span id="font-settings-wrapper" class="dropdown">
- <a href="#" class="btn pull-left toggle-font-settings" aria-label="Toggle font settings"><i class="fa fa-font"></i>
+ <div id="font-settings-wrapper" class="dropdown pull-left">
+ <a href="#" class="btn toggle-dropdown" aria-label="Toggle font settings"><i class="fa fa-font"></i>
</a>
{% include "./font-settings.html" %}
- </span>
+ </div>
<!-- Actions Right -->
+ {% if options.links.sharing.all !== false %}
+ <div class="dropdown pull-right">
+ <a href="#" class="btn toggle-dropdown" aria-label="Toggle share dropdown"><i class="fa fa-share-alt"></i>
+ </a>
+ <div class="dropdown-menu font-settings dropdown-left">
+ <div class="dropdown-caret">
+ <span class="caret-outer"></span>
+ <span class="caret-inner"></span>
+ </div>
+ <div class="buttons">
+ <button type="button" data-sharing="twitter" class="button">Twitter</button>
+ <button type="button" data-sharing="google-plus" class="button">Google</button>
+ <button type="button" data-sharing="facebook" class="button">Facebook</button>
+ </div>
+ </div>
+ </div>
+ {% endif %}
+
{% if options.links.sharing.google !== false %}
<a href="#" target="_blank" class="btn pull-right google-plus-sharing-link sharing-link" data-sharing="google-plus" aria-label="Share on Google Plus"><i class="fa fa-google-plus"></i></a>
{% endif %}