scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-01-09 00:49:07 +08:00
Code Issues Projects Releases Packages Wiki Activity

Add results counter to secnd navigation [SCI-6722]

Browse source
This commit is contained in:
Oleksii Kriuchykhin 2022-04-22 12:24:14 +02:00
parent e15a382e37
commit b148bd2057
3 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/assets/stylesheets/my_modules.scss
View file

@ -34,6 +34,14 @@
margin-top: 20px; margin-top: 20px;
} }
.navigation-results-counter {
background-color: $color-concrete;
border-radius: $border-radius-circle;
color: $color-volcano;
font-weight: bold;
padding: .1em .5em;
}
.btn-colorselector{ .btn-colorselector{
background-color: transparent; background-color: transparent;
} }

1
app/assets/stylesheets/shared_styles/constants/borders.scss
View file

@ -3,6 +3,7 @@
$border-radius-default: 4px; $border-radius-default: 4px;
$border-radius-modal: 6px; $border-radius-modal: 6px;
$border-radius-tag: 2px; $border-radius-tag: 2px;
$border-radius-circle: 100px;
$border-default: 1px solid $color-alto; $border-default: 1px solid $color-alto;
$border-secondary: 1px solid $color-silver-chalice; $border-secondary: 1px solid $color-silver-chalice;

3
app/views/shared/_secondary_navigation.html.erb
View file

@ -71,6 +71,9 @@
<li id="results-nav-tab" class="<%= "active" if is_module_results? %>"> <li id="results-nav-tab" class="<%= "active" if is_module_results? %>">
<a href="<%= results_my_module_url(@my_module) %>" title="<%=t "nav2.modules.results" %>"> <a href="<%= results_my_module_url(@my_module) %>" title="<%=t "nav2.modules.results" %>">
<span class="hidden-xs"><%=t "nav2.modules.results" %></span> <span class="hidden-xs"><%=t "nav2.modules.results" %></span>
<% if @my_module.results.size.positive? %>
<sup class="navigation-results-counter"><%= @my_module.results.size %></sup>
<% end %>
<span class="hidden-xs hidden-lg fas fa-columns"></span> <span class="hidden-xs hidden-lg fas fa-columns"></span>
</a> </a>
</li> </li>