Commit 52b6f679 authored by onny's avatar onny
Browse files

fix footer responsive styling, mobile overlay menu

parent b6845bcc
......@@ -114,7 +114,6 @@ main .sidebar {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 170px;
background-color: white;
}
.sidebar a {
......@@ -126,7 +125,7 @@ main .content {
}
footer {
background: #040713;
background-color: #040713;
color: white;
padding: 1rem;
grid-row-start: 3;
......@@ -185,6 +184,11 @@ table th {
padding: 20px;
display: none;
z-index: 10;
background-color: white;
}
footer > div {
grid-template-columns: 1fr 1fr 1fr;
}
}
......@@ -192,4 +196,65 @@ table th {
header > div, main > div, footer > div {
max-width: 500px;
}
.sidebar {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
display: none;
z-index: 10;
background-color: #040713;
/* display: flex; */
flex-direction: column;
padding: 0px;
}
main .sidebar {
padding-top: 0px;
}
.sidebar ul li a {
text-transform: uppercase;
font-size: 25px;
font-weight: bold;
color: #6256ec;
margin-bottom: 10px;
}
.sidebar ul {
flex: 1;
padding: 50px;
}
.sidebar .menuControls {
background-color: #494c55;
width: 100%;
height: 100px;
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
}
.sidebar .menuControls > * {
width: 100%;
height: 100%;
background-color: #494c55;
border: 0px;
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
color: white;
text-align: center;
}
footer > div {
grid-template-columns: 1fr 1fr;
}
footer .logo-text {
display: none;
}
}
......@@ -101,13 +101,37 @@
<main>
<div>
<div class="sidebar">
<a href="/{{ CURRENT_LANGUAGE_CODE }}/artists">{% trans "Artists" %}</a><br>
<a href="/{{ CURRENT_LANGUAGE_CODE }}/projects">{% trans "Projects" %}</a><br>
<a href="/{{ CURRENT_LANGUAGE_CODE }}/entries">{% trans "Entries" %}</a><br>
<a href="/{{ CURRENT_LANGUAGE_CODE }}/media">{% trans "Media" %}</a><br><br>
{% if authenticated %}
<a href="/{{ CURRENT_LANGUAGE_CODE }}/add">{% trans "Add" %}</a><br>
{% endif %}
<ul>
<li>
<a href="/{{ CURRENT_LANGUAGE_CODE }}/artists">{% trans "Artists" %}</a>
</li>
<li>
<a href="/{{ CURRENT_LANGUAGE_CODE }}/projects">{% trans "Projects" %}</a>
</li>
<li>
<a href="/{{ CURRENT_LANGUAGE_CODE }}/entries">{% trans "Entries" %}</a>
</li>
<li>
<a href="/{{ CURRENT_LANGUAGE_CODE }}/media">{% trans "Media" %}</a>
</li>
<br>
<li>
{% if authenticated %}
<a href="/{{ CURRENT_LANGUAGE_CODE }}/add">{% trans "Add" %}</a>
{% endif %}
</li>
</ul>
<div class="menuControls">
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<div class="menuBtn">
{% trans "Sign In" %}
</div>
</div>
</div>
<div class="content">
{% block content %}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment