Explorar el Código

Aplico sombreado de filas alternoe en listar cuentas

Celestino Rey hace 1 año
padre
commit
a826e95f78
Se han modificado 3 ficheros con 11 adiciones y 3 borrados
  1. 9 1
      static/style.css
  2. 1 1
      templates/dashboard.html
  3. 1 1
      templates/listar_cuentas.html

+ 9 - 1
static/style.css

@@ -437,7 +437,7 @@ table {
 }
 
 tr {
-   border-bottom: 1px solid #E3DBFC;
+   border-bottom: 1px solid #fff;
 }
 
 thead {
@@ -457,6 +457,14 @@ tbody tr td {
    padding: 10px 15px;
 }
 
+tbody .fila-impar {
+   background-color: #ccceca;
+}
+
+tbody .fila-par {
+   background-color: #fff;
+}
+
 .active p {
    background: #d7fada;
    padding: 2px 10px;

+ 1 - 1
templates/dashboard.html

@@ -37,7 +37,7 @@
             <tbody>
 
             {% for m in movimientos %}
-                <tr>
+                <tr class="{% cycle 'fila-impar' 'fila-par' %}">
                     <td class="movimiento">
                         {{ m.fecha }}
                     </td>                                     

+ 1 - 1
templates/listar_cuentas.html

@@ -22,7 +22,7 @@
 
             <tbody>
             {% for cuenta in cuentas %}
-                <tr>
+                <tr class="{% cycle 'fila-impar' 'fila-par' %}">
                     <td class="people">
                         <div class="people-de">
                             <h5>{{ cuenta.nombre }}</h5>