css: introduce .pk-table-fit-contain (#73797)

This commit is contained in:
Thomas Jund 2023-01-24 16:46:17 +01:00 committed by Gitea
parent c4ab90b9aa
commit 4d474f19d0
2 changed files with 13 additions and 0 deletions

View File

@ -181,6 +181,10 @@ de classes CSS réutilisables.
<td><p><code>pk-table-zebra</code></p></td>
<td><p>Alterne les couleurs de fond des lignes.</p></td>
</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>
<td><p><code>pk-table-wrapper</code></p></td>
<td><p>Permet aux usagers de mobiles de faire défiler le tableau

View File

@ -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
}
}