consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor footer legal links for cleaner code

Browse Source 
Removed inline ' |' used as a separator between footer legal links.
This commit is contained in:
taitus
2023-09-14 09:51:51 +02:00
parent cd7cec79f4
commit 75c9b66375
2 changed files with 27 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/assets/stylesheets/layout.scss
View File

@@ -734,6 +734,28 @@ footer {
border-top: 1px solid $text-light;
font-size: $small-font-size;
padding-top: $line-height / 2;
.legal {
display: inline-block;
margin-#{$global-left}: 0;
&::before {
content: "|";
}
li {
display: inline-block;
&::after {
content: "|";
margin-left: 4px;
}
&:last-child::after {
content: none;
}
}
}
}
// 04. Tags

10
app/components/layout/footer_component.html.erb
View File

@@ -22,11 +22,11 @@
<div class="subfooter row">
<div class="small-12 medium-8 column">
<%= t("layouts.footer.copyright", year: Time.current.year) %>&nbsp;|
<ul class="no-bullet inline-block">
<li class="inline-block"><%= link_to t("layouts.footer.privacy"), page_path("privacy") %>&nbsp;|</li>
<li class="inline-block"><%= link_to t("layouts.footer.conditions"), page_path("conditions") %>&nbsp;|</li>
<li class="inline-block"><%= link_to t("layouts.footer.accessibility"), page_path("accessibility") %></li>
<%= t("layouts.footer.copyright", year: Time.current.year) %>
<ul class="legal">
<li><%= link_to t("layouts.footer.privacy"), page_path("privacy") %></li>
<li><%= link_to t("layouts.footer.conditions"), page_path("conditions") %></li>
<li><%= link_to t("layouts.footer.accessibility"), page_path("accessibility") %></li>
</ul>
</div>