cst1/kpsul
1
0
Fork 0
forked from DGNum/gestioCOF
Code Pull requests Activity

Logout button fix

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

7462
bds/static/bds/css/bds.css
View file

File diff suppressed because one or more lines are too long

2
bds/static/bds/css/bds.css.map
View file

File diff suppressed because one or more lines are too long

26
bds/static/src/sass/bds.scss
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;
} }
} }

14
bds/templates/bds/nav.html
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">