8
0
Fork 0
mirror of https://gitlab2.federez.net/re2o/re2o synced 2024-11-22 19:33:11 +00:00

responsivenessization de la sidebar

This commit is contained in:
Grizzly 2018-07-18 13:50:09 +00:00
parent 6c27139f2d
commit 66dc72d1a0
2 changed files with 15 additions and 29 deletions

View file

@ -142,24 +142,3 @@ margin-bottom: 20px;
height: 70px; height: 70px;
vertical-align:middle; vertical-align:middle;
} }
#grad_red {
background: red; /* For browsers that do not support gradients */
background: linear-gradient(#ff6363, #fefefe); /* Standard syntax (must be last) */
}
#grad_green {
background: green; /* For browsers that do not support gradients */
background: linear-gradient(#C8DD58,#4FB64A); /* Standard syntax (must be last) */
}
#grad_grey {
background: gray; /* For browsers that do not support gradients */
background: linear-gradient(#d4d4ff, #fefefe); /* Standard syntax (must be last) */
}
#grad_machines{
background: green;
background: linear-gradient(#c266e0,#fefefe)
}

23
templates/base.html Normal file → Executable file
View file

@ -195,7 +195,8 @@ with this program; if not, write to the Free Software Foundation, Inc.,
<div class="panel-heading"> <div class="panel-heading">
<h4>{{ request_user.name }} {{ request_user.surname }}</h4> <h4>{{ request_user.name }} {{ request_user.surname }}</h4>
</div> </div>
<table class="table"> <div class="table-responsive">
<table class="table table-sm">
<tr> <tr>
<th scope="row">{% trans "Username" %}</th> <th scope="row">{% trans "Username" %}</th>
<td class="text-right">{{ request_user.pseudo }}</td> <td class="text-right">{{ request_user.pseudo }}</td>
@ -225,6 +226,7 @@ with this program; if not, write to the Free Software Foundation, Inc.,
</td> </td>
</tr> </tr>
</table> </table>
</div>
<div class="list-group"> <div class="list-group">
<a class="list-group-item list-group-item-info" role="button"href="{% url "users:mon-profil" %}"> <a class="list-group-item list-group-item-info" role="button"href="{% url "users:mon-profil" %}">
<i class="fa fa-user-circle"></i> <i class="fa fa-user-circle"></i>
@ -238,16 +240,21 @@ with this program; if not, write to the Free Software Foundation, Inc.,
{% if request_user.is_authenticated %} {% if request_user.is_authenticated %}
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<h4>{% blocktrans count interfaces|length as nb %}{{ nb }} machine active{% plural %}{{ nb }} machines active{% endblocktrans %}</h4> <h4>{% blocktrans count interfaces|length as nb %}{{ nb }} machine active{% plural %}{{ nb }} machines active{% endblocktrans %}</h4>
</div> </div>
<ul class="list-group"> <div class="table-responsive">
{% for interface in interfaces|slice:":5" %} <table class="table table-sm">
<div class="list-group-item">{{interface}}</div> {% for interface in interfaces %}
{% endfor %} <tr>
{% if interfaces|length > 5 %} <td>{{interface}}</td>
</tr>
{% endfor %}
</table>
</div>
{% if interfaces %}
<a class="list-group-item list-group-item-info" role="button" href="{% url "users:mon-profil" %}"> <a class="list-group-item list-group-item-info" role="button" href="{% url "users:mon-profil" %}">
<i class="fa fa-plus"></i> <i class="fa fa-plus"></i>
{% trans "See my machines" %} {% trans "Machines informations" %}
</a> </a>
{% endif %} {% endif %}
</ul> </ul>