css: introduce .pk-table-fit-contain (#73797) #138
|
@ -181,6 +181,10 @@ de classes CSS réutilisables.
|
||||||
<td><p><code>pk-table-zebra</code></p></td>
|
<td><p><code>pk-table-zebra</code></p></td>
|
||||||
<td><p>Alterne les couleurs de fond des lignes.</p></td>
|
<td><p>Alterne les couleurs de fond des lignes.</p></td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><p><code>pk-table-fit-contain</code></p></td>
|
||||||
|
<td><p>Donne au tableau la largeur du conteneur</p></td>
|
||||||
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><p><code>pk-table-wrapper</code></p></td>
|
<td><p><code>pk-table-wrapper</code></p></td>
|
||||||
<td><p>Permet aux usagers de mobiles de faire défiler le tableau
|
<td><p>Permet aux usagers de mobiles de faire défiler le tableau
|
||||||
|
|
|
@ -88,3 +88,12 @@ table.pk-data-table {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.pk-table-fit-contain {
|
||||||
|
&.pk-data-table, .pk-data-table {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.text-cell &.pk-data-table, &.text-cell .pk-data-table {
|
||||||
|
width: calc(100% - (0.7em * 2)); // cf _misc.scss l.43
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue