Fix #14 - Barra en home
This commit is contained in:
parent
4728a4e25d
commit
2344bc5fe3
|
@ -23,6 +23,10 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.navbar-burger {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Cada flecha en los títulos de secciones */
|
/* Cada flecha en los títulos de secciones */
|
||||||
.arrows {
|
.arrows {
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
|
@ -297,17 +301,23 @@ section#notice a {
|
||||||
|
|
||||||
/* SEARCH */
|
/* SEARCH */
|
||||||
|
|
||||||
|
#search-form {
|
||||||
|
width: 80vw;
|
||||||
|
margin: auto auto auto 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
.search-div > * {
|
.search-div > * {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-div input {
|
.search-div input {
|
||||||
width: calc(100% - 4.1rem);
|
width: calc(100% - 4.1rem);
|
||||||
|
vertical-align: text-top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-div button {
|
.search-div button {
|
||||||
width: 3.8rem;
|
width: 2.9rem;
|
||||||
height: 3.8rem;
|
height: 2.9rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ICONS; cfr: https://css.gg */
|
/* ICONS; cfr: https://css.gg */
|
||||||
|
|
|
@ -297,17 +297,26 @@ section#notice a {
|
||||||
|
|
||||||
/* SEARCH */
|
/* SEARCH */
|
||||||
|
|
||||||
|
#search-form {
|
||||||
|
width: calc(100% - 7em);
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-div {
|
||||||
|
margin-top: .5em;
|
||||||
|
}
|
||||||
|
|
||||||
.search-div > * {
|
.search-div > * {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-div input {
|
.search-div input {
|
||||||
width: calc(100% - 4.1rem);
|
width: calc(100% - 4.1rem);
|
||||||
|
font-size: 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-div button {
|
.search-div button {
|
||||||
width: 3.8rem;
|
width: 3.1rem;
|
||||||
height: 3.8rem;
|
height: 3.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ICONS; cfr: https://css.gg */
|
/* ICONS; cfr: https://css.gg */
|
||||||
|
|
|
@ -4,6 +4,11 @@
|
||||||
<a class="navbar-item" href="{% url 'home' %}">
|
<a class="navbar-item" href="{% url 'home' %}">
|
||||||
<img src="{% static 'img/logo-mauflix.png' %}" width="112" height="28">
|
<img src="{% static 'img/logo-mauflix.png' %}" width="112" height="28">
|
||||||
</a>
|
</a>
|
||||||
|
{% if query %}
|
||||||
|
{% include 'search-bar.html' with query=query %}
|
||||||
|
{% else %}
|
||||||
|
{% include 'search-bar.html' %}
|
||||||
|
{% endif %}
|
||||||
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="menu">
|
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="menu">
|
||||||
<span aria-hidden="true"></span>
|
<span aria-hidden="true"></span>
|
||||||
<span aria-hidden="true"></span>
|
<span aria-hidden="true"></span>
|
||||||
|
@ -12,30 +17,18 @@
|
||||||
</div>
|
</div>
|
||||||
<div id="menu" class="navbar-menu force-display">
|
<div id="menu" class="navbar-menu force-display">
|
||||||
<div class="navbar-start">
|
<div class="navbar-start">
|
||||||
{% if request.get_full_path != "/" %}
|
|
||||||
<a class="navbar-item" href="{% url 'home' %}">Inicio</a>
|
|
||||||
{% endif %}
|
|
||||||
{% if request.path != "/search/" %}
|
|
||||||
<a class="navbar-item" href="{% url 'search' %}">Buscar</a>
|
|
||||||
{% endif %}
|
|
||||||
<div class="navbar-item has-dropdown is-hoverable">
|
<div class="navbar-item has-dropdown is-hoverable">
|
||||||
<a class="navbar-link">Más</a>
|
<a class="navbar-link">Más</a>
|
||||||
<div class="navbar-dropdown">
|
<div class="navbar-dropdown">
|
||||||
<a class="navbar-item" href="{% url 'about' %}" >Acerca</a>
|
<a class="navbar-item" href="{% url 'about' %}" >Acerca</a>
|
||||||
<a class="navbar-item" href="{% url 'help' %}" >Ayuda</a>
|
<a class="navbar-item" href="{% url 'help' %}" >Ayuda</a>
|
||||||
<!--
|
|
||||||
<hr class="navbar-divider">
|
<hr class="navbar-divider">
|
||||||
|
<a class="navbar-item" href="{% url 'admin:index' %}">Ingresa</a>
|
||||||
|
<!--
|
||||||
<a class="navbar-item" href="{% url 'bugs' %}">Reporta un problema</a>
|
<a class="navbar-item" href="{% url 'bugs' %}">Reporta un problema</a>
|
||||||
-->
|
-->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="navbar-end">
|
|
||||||
<div class="navbar-item">
|
|
||||||
<div class="buttons">
|
|
||||||
<a class="button is-primary" href="{% url 'admin:index' %}">Ingresa</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
|
@ -0,0 +1,8 @@
|
||||||
|
<form id="search-form" action="/search" method="get">
|
||||||
|
<div class="search-div">
|
||||||
|
<input id="search-bar" class="input is-primary" type="text" placeholder="Quiero ver…" value="{{ query }}" name="q">
|
||||||
|
<div class="control">
|
||||||
|
<button class="button is-primary"><i class="gg-search"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
|
@ -2,17 +2,6 @@
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
<div class="hero">
|
|
||||||
<form action="/search" method="get">
|
|
||||||
<div class="hero-body search-div">
|
|
||||||
<input id="search-bar" class="input is-primary is-large" type="text" placeholder="Quiero ver…" value="{{ query }}" name="q">
|
|
||||||
<div class="control">
|
|
||||||
<button class="button is-primary"><i class="gg-search"></i></button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if movies %}
|
{% if movies %}
|
||||||
{% include 'section.html' with section='Resultados de búsqueda.' content=movies %}
|
{% include 'section.html' with section='Resultados de búsqueda.' content=movies %}
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|
Loading…
Reference in New Issue