Logout button fix

This commit is contained in:
Ludovic Stephan 2020-07-26 19:06:38 +02:00
parent b4fbc3edf8
commit 54e8f95667
4 changed files with 38 additions and 7466 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,5 +1,5 @@
// Compilation command : // Compilation command :
// sass -I shared/static/src/ --watch bds/static/src/sass/bds.scss bds/static/bds/css/bds.css // sass -I shared/static/src/ --watch bds/static/src/sass/bds.scss bds/static/bds/css/bds.css --style compressed
$text: black; $text: black;
@ -25,6 +25,29 @@ a {
padding: 0 1em; padding: 0 1em;
margin-bottom: 0; margin-bottom: 0;
#logout-mobile {
display: none;
}
@include mobile {
display: flex;
flex-wrap: wrap;
#logout-mobile {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
#logout {
display: none;
}
#search-input {
flex: 0 1 100%;
}
}
// Workaround : `justify-content : <left/right>` pas encore supporté // Workaround : `justify-content : <left/right>` pas encore supporté
// Voir https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content // Voir https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content
& :first-child, & :last-child { & :first-child, & :last-child {
@ -37,6 +60,7 @@ a {
input { input {
border-radius: 0; border-radius: 0;
margin: 10px 0;
} }
} }

View file

@ -2,7 +2,7 @@
{% load static %} {% load static %}
<nav id="search-bar" class="level"> <nav id="search-bar" class="level">
<div class="level-item"> <div class="level-item" id="logo">
<figure class="image is-64x64"> <figure class="image is-64x64">
<a href="{% url "bds:home" %}"> <a href="{% url "bds:home" %}">
<img src="{% static "bds/images/logo_square.svg" %}" alt="bds-logo"> <img src="{% static "bds/images/logo_square.svg" %}" alt="bds-logo">
@ -10,7 +10,15 @@
</figure> </figure>
</div> </div>
<div class="level-item"> <div class="level-item" id="logout-mobile">
<figure class="image is-64x64">
<a href="#TODO">
<img src="{% static "bds/images/logout.svg" %}" alt="logout">
</a>
</figure>
</div>
<div class="level-item" id="search-input">
<input <input
class="input" class="input"
type="text" type="text"
@ -21,7 +29,7 @@
<div class="yourlabs-autocomplete"></div> <div class="yourlabs-autocomplete"></div>
</div> </div>
<div class="level-item"> <div class="level-item" id="logout">
<figure class="image is-64x64"> <figure class="image is-64x64">
<a href="#TODO"> <a href="#TODO">
<img src="{% static "bds/images/logout.svg" %}" alt="logout"> <img src="{% static "bds/images/logout.svg" %}" alt="logout">