frog-collective/frog-website
frog-collective
/
frog-website
5
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

fix social links #13

Merged
aallard merged 7 commits from feature/fix-social-links into main 2024-06-10 09:56:19 +00:00
Conversation 0 Commits 7 Files Changed 3 +23 -23
2 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 313333deaf - Show all commits

21
src/lib/nav.html
View File

@ -17,16 +17,6 @@
<a href="#" class="nav-bar--menu-link">{{ gettext('Contact') }}</a>
</div>
<div class="nav-bar--separator"></div>
<div class="nav-bar--languages">
{{ language_button('fr', 'Version Française') }}
{{ language_button('en', 'English version') }}
</div>
<toggle-nav-bar-button class="nav-bar--toggle-button">
<s class="bar"></s>
<s class="bar"></s>
<s class="bar"></s>
</toggle-nav-bar-button>
</div>
<div class="nav-bar--links">
<a href="mailto:contact@frog-collective.com">
<img src="/img/mail-fill.svg" alt-text="{{ gettext('Mail') }}"></img>
@ -47,5 +37,16 @@
<img src="/img/facebook-circle-fill.svg" alt-text="Facebook"></img>
</a>
</div>
<div class="nav-bar--separator"></div>
<div class="nav-bar--languages">
{{ language_button('fr', 'Version Française') }}
{{ language_button('en', 'English version') }}
</div>
<toggle-nav-bar-button class="nav-bar--toggle-button">
<s class="bar"></s>
<s class="bar"></s>
<s class="bar"></s>
</toggle-nav-bar-button>
</div>
</nav-bar>

5
src/lib/nav.scss
View File

@ -33,7 +33,7 @@
margin: 0;
display: grid;
grid-template-columns: 1fr auto auto;
grid-template-columns: var(--desktop-logo-width) 1fr auto auto auto;
@media ($mobile-breakpoint) {
height: var(--mobile-height);
@ -73,7 +73,7 @@
}
&--menu {
justify-self: end;
grid-area: 1 / 2 / 2 / 3;
align-self: center;
display: flex;
@ -184,7 +184,6 @@
}
&--links {
grid-area: 1 / 3 / 2 / 4;
height: var(--desktop-height);
grid-template-columns: 1fr auto auto;