organicmaps/website
13
Fork 1
Code Issues 31 Pull requests 8 Projects Releases Wiki Activity Actions

Renamed top menu for consistensy

Browse source 
Signed-off-by: Alexander Borsuk <me@alex.bio>
This commit is contained in:
Alexander Borsuk 2022-12-05 10:47:15 +01:00
parent 2b21021d51
commit 4d6c6482d8
4 changed files with 46 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
sass/_top_menu.scss Normal file
View file

@ -0,0 +1,36 @@
.top_menu_logo {
background-image: url("/logos/green-on-transparent.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
background-origin: content-box;
width: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;
}
.top_menu_item,
.top_menu_item_active {
white-space: nowrap;
a {
text-decoration: none;
}
}
.top_menu_donate a {
color: red;
}
.github svg {
fill: black;
@media (prefers-color-scheme: dark) {
fill: white;
}
display: inline-block;
overflow: visible !important;
margin-right: 0.5rem;
}

43
sass/main.scss
View file

@ -1,4 +1,5 @@
@import "./language_selector";
@import "./top_menu";
body {
margin: 1rem;
@ -18,12 +19,12 @@ body {
word-wrap: break-word;
}
code, a {
code,
a {
// Prevents horizontal scrolling in Safari on narrow screen for long links and code lines.
word-wrap: anywhere;
}
// Top menu.
header {
text-align: center;
}
@ -163,44 +164,6 @@ footer {
left: 0;
}
.logo {
background-image: url("/logos/green-on-transparent.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
background-origin: content-box;
width: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;
}
.github svg {
fill: black;
@media (prefers-color-scheme: dark) {
fill: white;
}
display: inline-block;
overflow: visible !important;
margin-right: 0.5rem;
}
.menuitems {
display: flex;
justify-content: center;
}
.menuitem,
.menuitem_active {
white-space: nowrap;
a {
text-decoration: none;
}
}
#bottom-menu {
margin-bottom: 1em;

2
templates/base.html
View file

@ -66,7 +66,7 @@
<body>
<header>
{% include 'menu.html' %}
{% include 'top_menu.html' %}
</header>
<main>

12
templates/menu.html → templates/top_menu.html
View file

@ -4,27 +4,27 @@
{% set langPathPrefix = '/' ~ lang %}
{% endif %}
<nav id="menu" role="navigation">
<a href="{{ langPathPrefix }}/"><span class="logo"></span></a>
<span class="menu_items">
<span class="menuitem{% if '/news/' not in resource.path %}">
<a href="{{ langPathPrefix }}/"><span class="top_menu_logo"></span></a>
<span class="top_menu_items">
<span class="top_menu_item{% if '/news/' not in resource.path %}">
<a href="{{ langPathPrefix }}/news/">{% else %}_active">{% endif %}
<span>{{ trans(key='news', lang=lang) }}</span>
{%- if '/news/' not in resource.path %}</a>{% endif %}
</span>
•
<span class="menuitem{% if '/donate/' not in resource.path %}">
<span class="top_menu_item{% if '/donate/' not in resource.path %}">
<a href="{{ langPathPrefix }}/donate/">{% else %}_active">{% endif %}
<span style="color: red">{{ trans(key='donate', lang=lang) }}</span>
{% if '/donate/' not in resource.path %}</a>{% endif %}
</span>
•
<span class="menuitem{% if '/support-us/' not in resource.path %}">
<span class="top_menu_item{% if '/support-us/' not in resource.path %}">
<a href="{{ langPathPrefix }}/support-us/">{% else %}_active">{% endif %}
<span>{{ trans(key='support-us', lang=lang) }}</span>
{% if '/support-us/' not in resource.path %}</a>{% endif %}
</span>
•
<span class="menuitem">
<span class="top_menu_item">
<a href="https://github.com/organicmaps/organicmaps" target="_blank" class="github">
<span>GitHub</span>
</a>