implement new Help dropup in navigation

This commit is contained in:
mlorb 2018-03-23 14:08:27 +01:00
parent 35afc06cbd
commit faaecec2ff
3 changed files with 36 additions and 7 deletions

View file

@ -47,6 +47,18 @@
position: fixed;
width: inherit;
}
.dropup {
.dropdown-menu {
bottom: 0;
left: 99%;
margin-bottom: 0;
}
&.open > a {
color: $color-emperor;
}
}
}
@media(max-height:480px) {

View file

@ -38,11 +38,30 @@
<span><%= t('left_menu_bar.activities') %></span>
</a>
</li>
<li class="<%= "active" if help_is_selected? %>">
<a id="activities-link" title="<%= t('left_menu_bar.help') %>" href="#">
<!-- help -->
<li class="dropup">
<a href="#"
id="help-link"
class="dropdown-toggle"
title="<%= t('left_menu_bar.help') %>"
data-toggle="dropdown"
role="button"
aria-haspopup="true"
aria-expanded="false">
<span class="glyphicon glyphicon-paperclip"></span>
<span><%= t('left_menu_bar.help') %></span>
</a>
<ul class="dropdown-menu">
<li><%= link_to t('nav.help.support'),
Constants::SUPPORT_URL,
target: "_blank" %></li>
<li><%= link_to t('nav.help.tutorials'),
Constants::TUTORIALS_URL,
target: "_blank" %></li>
<li><%= link_to t('nav.help.premium'),
Constants::WEBINARS_URL,
target: "_blank" %></li>
</ul>
</li>
</ul>
</div>

View file

@ -184,11 +184,9 @@ class Constants
#=============================================================================
HTTP = 'http://'.freeze
TUTORIALS_URL = (HTTP + 'scinote.net/product/tutorials/').freeze
SUPPORT_URL = (HTTP + 'scinote.net/support').freeze
PREMIUM_URL = (HTTP + 'scinote.net/premium/').freeze
CONTACT_URL = (HTTP + 'scinote.net/story-of-scinote/#contact-scinote').freeze
RELEASE_NOTES_URL = (HTTP + 'scinote.net/docs/release-notes/').freeze
TUTORIALS_URL = (HTTP + 'scinote.net/tutorials/').freeze
SUPPORT_URL = (HTTP + 'support.scinote.net/hc/en-us').freeze
WEBINARS_URL = (HTTP + 'scinote.net/join-a-webinar/').freeze
# Default user picture avatar
DEFAULT_AVATAR_URL = '/images/:style/missing.png'.freeze