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

Style the breadcrumbs [SCI-8087]

Browse source
This commit is contained in:
sboursen-scinote 2023-03-30 21:56:38 +02:00
parent 31b979cde9
commit 501279372c
2 changed files with 25 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
app/assets/stylesheets/navigation/breadcrumbs.scss Normal file
View file

@ -0,0 +1,24 @@
.sci--layout-navigation-breadcrumbs {
--max-breadcrumbs-link-width: 180px;
padding: 14px 24px 8px;
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 14px;
.breadcrumbs-link {
color: var(--sn-blue);
max-width: var(--max-breadcrumbs-link-width);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&:last-child {
color: var(--sn-grey);
}
}
.delimiter {
color: var(--sn-grey);
}
}

3
app/views/layouts/application.html.erb
View file

@ -57,8 +57,7 @@
<span style="display: none;" data-hook="body-js"></span>
<span style="display: none;" data-hook="application-body-html"></span>
<div class="sci--layout" data-breadcrumbs-collapsed="true" data-navigator-collapsed="<%= !content_for?(:sidebar_title) %>">
<div class="sci--layout" data-breadcrumbs-collapsed="<%= !@breadcrumbs_items&.length %>" data-navigator-collapsed="<%= !content_for?(:sidebar_title) %>">
<div class="sci--layout-navigation-top" >
<%= render "shared/navigation/top" %>
</div>