diff options
| author | Samy Pessé <samypesse@gmail.com> | 2014-08-10 11:04:10 -0700 |
|---|---|---|
| committer | Samy Pessé <samypesse@gmail.com> | 2014-08-11 07:36:51 -0700 |
| commit | 691d04e99470e566eb11e9e58fe8109eeda6094c (patch) | |
| tree | 7b10d1e7ff105ef9a6b37b46f1d4f0af514d3ed3 /theme/templates | |
| parent | a54959ee4f879ea83a4a2f1e1457d0d3ca9836d5 (diff) | |
| download | gitbook-691d04e99470e566eb11e9e58fe8109eeda6094c.zip gitbook-691d04e99470e566eb11e9e58fe8109eeda6094c.tar.gz gitbook-691d04e99470e566eb11e9e58fe8109eeda6094c.tar.bz2 | |
Improve dropdown to make it global
Add dropdown for sharing
Diffstat (limited to 'theme/templates')
| -rw-r--r-- | theme/templates/includes/book/header.html | 24 |
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 %} |